2010-01-16 3 views
4

Я ищу способ получить текстовую тень, которая выглядит как текстовая тень css3, но работает с IE, Firefox, Opera, Safari и т. Д. Решения, которые я нашел, либо выглядели перепутались или не выглядели последовательно в IE. БлагодаряCross text text-shadow

http://www.workingwith.me.uk/articles/css/cross-browser-drop-shadows

.shadow { 
    height: 1em; 
    filter: Shadow(Color=#666666, 
      Direction=135, 
      Strength=5); 
} 

Это не работает для меня ... в IE

ul.dropdown a.selected-l { 
    background-image: url('Images/Navigation/Left_round/hoverL.png'); 
    height: 50px; 
    width: 130px; 
    font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif; 
    font-size: large; 
    color: #FFFFFF; 
    text-align: center; 
    text-decoration: none; 
    line-height: 50px; 
    vertical-align: middle; 

/* pretty browsers*/ 
     text-shadow:#000 0px 0px 5px; 
     /* ugly ie */ 
     zoom:1;/*force hasLayout*/ 
     position:relative;/*for absolute position of child element*/ 

; 


} 

ul.dropdown a.selected-l span { 

    position:absolute; 
     left:-7px;top:-7px; /* strength + pixelradius */ 
     z-index:-1;/* force under the normal text */ 
     /* the magic: filters */ 
     filter: 
      progid:DXImageTransform.Microsoft.Glow(Color=#eeeeee,Strength=2) 
      progid:DXImageTransform.Microsoft.blur(pixelradius=5, enabled='true') 
     ; 
     zoom:1;/*force hasLayout*/ 

} 
+0

Какие решения вы нашли до сих пор? Заботиться, чтобы поделиться? –

+0

Укажите диапазон IE. Что делать, если поддерживался только последний IE? –

ответ

5

Мое предложение будет использовать CSS3 text-shadow (для Webkit на основе браузеров, FF3.5, Opera 9.5).

Для IE, используйте IE условные комментарии для реализации одного из следующих параметров:

Некоторые связанные статьи:

+0

его действительно не решено, но спасибо anyways – jmasterx

+0

Да, я не могу придумать идеальное решение. –

0

Заканчивать этот пост я писал об этой проблеме:

Crossbrowser Text Shadow with Jquery

Может быть, это больше по вашей линии? Это IS, используя jQuery, хотя и не очень эффективный способ. Но все равно это что-то. :)