3

SPAN要素内に存在する要素に適用される CSS ルールを作成しましたTD。

ルールはスパンにコンテンツを追加することになっています。:afterこれを行うためにセレクターを使用しています。

ここまでは順調ですね。IE8 はすべてを正しく表示します。しかし、私の IE10 では、SPAN要素に追加されたコンテンツが表示されません。

Internet Explorer 開発ツール (F12) を使用すると、両方のルールが IE10 によって無効になっていることがわかります。

ここに画像の説明を入力

これが起こる原因は何ですか？これらのルールが無効になっているのはなぜですか? これを行うためにスタイルシートで定義された上書き置換ルールはありません。

あなたの助けに感謝します。

4

2 に答える 2

0

挿入された要素はデフォルトでインラインです。インラインブロックに設定してみてください。

于 2013-07-30T14:26:24.733 に答える
0

今日、画像の :after 設定を使用して IE10 で同様の問題に遭遇しました。2 つのエラーがあったことがわかりました。ファイルの先頭にはありませんでした。<!DOCTYPE html>互換表示設定でDisplay intranet sites in Compatibility Viewオプションがチェックされていました。Webページを修正し、値のチェックを外した後、ページが期待どおりに表示されました。

私が使用しているcssは次のとおりです。

.foo:after {
    content: url(images/foo.png);
    position: relative;
    top: 2px;
    left: 8px;
}
于 2014-11-18T21:15:00.720 に答える