Как сделать так, чтобы тень CSS выглядела одинаково в IE?

Question

Вот моя ссылка: текст ссылки

Тень на слайдере отлично смотрится в Safari, Firefox и т. Д., Но как мне сделать так, чтобы он выглядел одинаково в IE?

Вот мой текущий код CSS:

-moz-box-shadow: 0px 0px 6px #666;          
-webkit-box-shadow: 0px 0px 6px #666;
box-shadow: 0px 0px 6px #666;

Answer 1

Попробуйте это тоже работает в IE 6+

.shadow { zoom:1; /* This enables hasLayout, which is required for older IE browsers */        
filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);        
-moz-box-shadow:2px 2px 2px #b0b0b0;        
-webkit-box-shadow:2px 2px 2px #b0b0b0;
box-shadow:2px 2px 2px #b0b0b0;}

Answer 2

Вы можете попробовать CSS3PIE , он добавляет кучу CSS3-измов в IE. CSS3PIE обычно работает, но не всегда, и это немного снижает производительность. Возможно, вам придется иметь дело с хакерами «haslayout», но небольшое прибегание к гуглу должно помочь с ними.

Есть несколько похожих вещей, но я использовал только CSS3PIE.

Answer 3

По моему мнению, лучше использовать теневые изображения, чтобы они хорошо работали и в IE ....