2

Internet Explorer では機能しないことはわかっtext-shadowていますが、シャドウ用の独自のフィルターが機能するはずです。しかし、リンク ( ) では機能しないようです<a>Link</a>。回避策はありますか？

ここに画像の説明を入力

/*Works*/
#navigation .nav li {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3);

}

ここに画像の説明を入力

/*Do not work*/
#navigation .nav li a {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3);
}

ここに画像の説明を入力

/*Text-shadow in Google Chrome working and what I want to achive*/
#navigation .nav li a {
    text-shadow: 0 2px 2px #000;
}

リストに効果を追加する際の問題は、テキストだけでなくすべてに影が追加され、見栄えが悪いことです。

4

2 に答える 2

2

リンク内のテキストをラップして、<span>それに影を付けます。

于 2012-10-08T13:13:13.260 に答える
1 
#navigation .nav li a span {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3);
}

それで：

<a href="#"><span>Link Text Here</span></a>

これは、テキストのみをターゲットにする必要があります。

于 2012-10-08T13:16:21.573 に答える