Question

我如何在ie9中设置text-shadow属性以匹配其他浏览器，如下所示？

如何使用.sysMenu-item text-shadow

.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？

我需要上面的text-shadow才能在下面的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/

如何转换文本阴影，以便IE9工作

1 个答案: