0

以下のように、他のブラウザと一致するように 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で？

以下のcss3で動作するには、上記のtext-shadowが必要です

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;
}
4

1 に答える 1

0

次のようなjqueryを使用する必要があると思いますhttp://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/

この記事もチェックしてください: http://coding.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

于 2012-09-24T19:56:45.173 に答える