Geek Answers Handbook

Text Shadow for IE

I create a site and I use the text-shadow function, however it does not work for IE.

Graphic

2

text-shadow: 0.1em 0.1em 0.2em black;

Is there any solution to either hack this, or something that mimics the text-shadow function for IE.

+5
source share
4 answers

For some versions of IE, the Dropshadow filter may do what you need:

http://msdn.microsoft.com/en-us/library/ms532985%28v=vs.85%29.aspx

+5
source

I was looking for a cross-browser text solution that works when overlaid on background images. I think I have a solution for this that is not related to the extra charge, js works in IE7-9 (I did not test 6) and does not cause problems with an alias.

CSS3 text-shadow, , IE, IE. CSS3 .

IE:

, .

. ClearType , , .

, useragentman dropshadow.

. HTML, IE (http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/).

#myelement {
    color: #000000;
    text-shadow:
    -1px -1px 0 #ffffff,  
    1px -1px 0 #ffffff,
    -1px 1px 0 #ffffff,
    1px 1px 0 #ffffff;
}

html.ie7 #myelement,
html.ie8 #myelement,
html.ie9 #myelement {
    background-color: white;
    filter: progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=-1);
    zoom: 1;
}
+2

IE , . , H1, , IE, .

0

, , IE10.

html:

<p>Meer info op onze <a class="links" target="_self" href="/leden">ledenpagina</a></p>

CSS:

p { display: inline-table;
    color: #FFF;
    text-shadow: 0px 1px 2px #111, 0px 1px 0px #111;
    margin: 0px 20px; }

a.links {
    text-decoration: underline;
    color: #FFFF60;
    font-size: 1.1em; }

IE10, "ledenpagina" - , (p-). , - : ( p)

The result can be seen here: http://tczelem.be (slide the tab of the header slider)

So the text-decoration selector seems to have some effect in IE10.

! [enter image description here] [2]

0
source

More articles:


All Articles