背景イメージだけを表示する究極の作戦だあっ！！

h2

つまりなんでもかんでも装飾用画像は背景イメージにしてしまうという作戦。いいかも。

imgを使うのとどっちがスマートかってことだ。

え、画像は表示しないが、display : none ; は解釈するブラウザはどうなるかって？知らん。どうなるんだろう、不安だ。

h2{
	margin : 10px ;
	width : 100px ;
	height : 100px ;
	background-image : url(Images/h2.png) ;
	background-color : green ;
}

span.truth{
	display : none ;
}

<h2><span class="truth">h2</span></h2>

<h2><img src="Images/h2.png" alt="h2"></h2>

Netscape4.x対策として、@import urlでCSSの読み込みをエスケープしたとしても、装飾用画像をimgで貼付けていては、格好悪い。Netscape4.xは正しくテキストブラウザとして機能するようにするのだ。日夜闘うのだ。（ああ、i-modeで見てもスッキリするなあ、これは。）

目次に戻る