0

text-shadowCSS プロパティをサポートしていないブラウザだけを対象とする CSS ハックはありますか?

これは非常に重要な可視性/読みやすさ/アクセシビリティの問題です。暗いテキストの影が表示されないと、白い背景に暗い影のある薄い灰色のテキストが表示されるようなものは読めなくなる可能性があるためです。そして、デザイナーはこれを使用することを主張し、テキスト画像の置換を使用しません. （最近のブラウザをターゲットにしてみることができましたが、IE9でさえ理解できないという驚きがありましたtext-shadow.神は、そこにあるすべてのモバイルデバイスでこれがどのようにサポートされているかを知っているだけです...）

4

2 に答える 2

2

次のスクリプトを使用する必要があります。

if (document.createElement('div').style.textShadow !== '') {
    document.documentElement.className += ' no-textshadow';
}

次に、次のことができます。

.no-textshadow h1 {
    background: #fff;
    color: #000;
}
于 2012-06-17T08:08:27.637 に答える
1

JS なしではありませんが、IE 6-9 で機能し、有効であると私が信じている実行可能な CSS のみの代替があります。DXImage 変換について聞いたことがありますか?

同様の質問 + 構文例: Is filter: progid:DXImageTransform.Microsoft.DropShadow(OffX="x", OffY="y", Color="color") a viable replacement for text-shadow: in IE?

于 2012-06-17T08:08:51.987 に答える