0

次の CSS を使用して、CSS を使用した水平メニュー リストがあります。

#navigation li {
list-style: none;
display: block;
float: left;
width: 10em;
height: 2em;
text-align: center;
padding: .5em 0 0 0;
margin: 0;
border-left: .0625em solid #FFF;
border-right: .1em solid #CCC;
text-shadow: .0625em .0625em .0625em #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);

Safari、Chrome、Opera、Firefox では問題なく動作しますが、IE では問題が発生します (驚くべきことです)。テキストはブロック状で変形しているように見えます。私の仮定は、テキストシャドウで何か間違ったことをしたということですか?

4

3 に答える 3

1

あなたは何も悪いことをしていません。IEでドロップシャドウフィルターを適用すると、要素のアンチエイリアシング機能がオフになります。これは既知の問題です。

これは、ある人が思いついたハッキーな回避策です... http://learningtheworld.eu/2010/ms-box-shadow/

于 2012-10-17T16:35:03.497 に答える
1 
filter:DropShadow(Color=#ffffff, OffX=1, OffY=1)

さらに、テキストの影を適用するときは、背景色もスタイルする必要があります。背景色がないと、影が見苦しく見えるからです。

于 2012-10-04T23:40:38.647 に答える
0

dropshadowcssは次のようにする必要があると思いますfilter:DropShadow(Color=#ffffff, OffX=1, OffY=1)

于 2012-10-04T20:02:25.743 に答える