internet-explorer-9 - 如何转换文本阴影以便 IE9 工作

Question

我如何在 ie9 中设置 text-shadow 属性以匹配其他浏览器，就像我在下面看到的那样？

如何使用 .sysMenu-item 文本阴影

.sysMenu-item{padding:8px;padding-top:7px;height:110%;float:left; 
              border-right:.2em groove #fff;margin-top:-2px; cursor:  pointer;
              text-shadow: 0 1px 0 rgba(255, 255, 255, 0.64);
}

--在 ie9 中？

我需要上面的文本阴影在下面的 css3 中工作

html.ie9 .sysMenu-item {
    background-color: white;
    filter: progid:DXImageTransform.Microsoft.Chroma(color=rgba(255, 255, 255, 0.64)) 
            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;
}

Answer 1

我相信您将需要使用 jquery，类似这样的东西 http://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/

同时查看这篇文章:http://coding.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/