2010-01-16 6 views
4

Je cherche un moyen d'obtenir l'ombre de texte qui ressemble à css3 texte-ombre, mais qui fonctionne avec IE, Firefox, Opera, Safari, etc ... Les solutions que j'ai trouvées ont regardé soit foiré ou n'a pas l'air cohérent dans IE. MerciNavigateur texte-ombre

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

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

Ce travail ne marche pas pour moi ... dans 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

Quelles sont les solutions que vous avez trouvées jusqu'à présent? Se soucier de partager? –

+0

Veuillez spécifier une plage d'IE. Et si seulement les derniers IE étaient supportés? –

Répondre

5

Ma suggestion d'utiliser CSS3 text-shadow (pour les navigateurs basés sur Webkit, FF3.5, Opera 9.5).

Pour IE, utilisez IE commentaires conditionnels pour mettre en œuvre l'un des suivants:

Quelques articles connexes:

+0

ce n'est pas vraiment résolu mais merci quand même – jmasterx

+0

Oui, je ne peux pas penser à une solution idéale. –

0

Vérifiez ce post je l'ai écrit à propos de ce problème:

Crossbrowser Text Shadow with Jquery

Peut-être que plus votre allée? Il est IS en utilisant jQuery et n'est pas vraiment un moyen vraiment efficace .. mais de toute façon c'est quelque chose. :)