Вопрос по css, css3, html – CSS3 Box Shadow Effect для IE8?

1

У меня есть следующий стиль, чтобы получить этот эффект:

Он работает в IE9 и Chrome, но не в IE8. Что я должен изменить, чтобы он работал в IE8.

Обратите внимание, что я применил этот стиль к тегу, инкапсулирующему изображение.

 border-collapse: separate !important;
 box-shadow: 0px 0.5px 11px 4px #888888;
IE8 не поддерживаетbox-shadow. Самое близкое, что вы можете получить, этоglow Фильтр, и поверь мне, не так много уродливых вещей. Ry-♦
@ minitech Вы можете использовать VML-polyfill, как это делается в CSS3PIE. Christoph

Ваш Ответ

3   ответа
1

попробуйте, но остерегайтесь использовать его в IE8

У меня сейчас сильная головная боль из-за сбоя IE8 из-за столкновения PIE с каким-то другим javascript прямо сейчас

5

box-shadow. Вы можете использовать удивительный CSS3 PIE библиотека для этого.

Осторожно, однако, это точно не повторяетbox-shadow. В основном, если ваше изображение имеет прозрачность, тень позади элемента будет просачиваться через:

Форма тени, отображаемая PIE, в отличие от других браузеров, непрозрачна в области за фоном элемента. Это означает, что если ваш элемент имеет прозрачный или полупрозрачный фон, непрозрачная тень будет просвечивать. Чтобы избежать этого, вы должны [..] дать элементу непрозрачный фон

Видеть:http: //css3pie.com/documentation/supported-css3-features/#box-shado

3

filter CSS правила, чтобы достичь этого и полностью отказаться от CSS3PIE.

Это даст вам что-то близкое к тому, что вы ищете.

filter: 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=5), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=45,strength=2), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=10), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=225,strength=5), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=5), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=2); 

Демо можно посмотреть здесь:http: //hedgerwow.appspot.com/demo/shado

А для получения дополнительной информации о фильтрах IE см. Эту статью MSDN:http: //msdn.microsoft.com/en-us/library/ms532847 (v = vs.85) .aspx

Многие из этих фильтров поддерживаются начиная с IE4, задолго до css2, и в то время, когда ни один браузер полностью не поддерживал CSS1. Так что если вы думаете, что светящийся фильтр выглядит безобразно, вините его в 1997 году, а не в Microsoft. ;)

Хмм ... Это сработало! Огромное спасибо! ;) user1266515

Похожие вопросы