0

テキスト ブラウザを使用して HTML ページを開こうとしました。はい、imgタグのalt属性の値が出ました。次に、alt 属性を配置せず、代わりに CSS を使用しました。

.headerImg:after, .headerImg::after
        { 
            content:" (the alternative)"; 
        }

テキストが最新のブラウザーに表示されるようにしたかったのです。どのように？別のパスに配置されているという事実以外に、画像が表示されない理由は何ですか?

4

2 に答える 2

1

テキストブラウザは通常、CSSをサポートしていません。特にテキストのスタイル設定に関して、CSSの一部を実装できますが、ほとんどのCSSは、テキストのみのレンダリングではあまり意味がないため、気にしませんでした。（これを確認するには、グラフィックブラウザで一般的に十分にサポートされており、などのテキストブラウザでも実装できる非常に単純なCSSコードでテストしますtext-transform: uppercase。

このalt属性は、画像が表示されない状況での画像の代替テキストを指定することになっています。このような状況では、CSSを無視するブラウザ（テキストブラウザ、聴覚ブラウザなど）、または作成者のCSSコードの多くを上書きするブラウザ（特定の種類の視覚障害のあるビジュアルを支援するための非常に特殊な設定のグラフィックブラウザなど）が関係することがよくあります。したがって、の代わりにCSSを使用しようとしても意味がありませんalt。

于 2012-10-25T08:12:30.900 に答える
0

質問をよく理解できたかどうかわかりません。画像のロード後にデフォルト値を表示したい場合は、これを試してください:

.headerImg:after { 
    content: attr(alt) 
}

画像の alt 値を変更したい場合は、jquery を使用できます。

$('#image1').attr({
  alt: 'Alternative description',
  title: 'Alternative description'
});
于 2012-10-25T07:51:05.030 に答える