CHAPTER 14 ■ IMAGES
Semi-transparent
HTML
<h1>Semi-transparent</h1>
<div id="nw">
<img src="nw.gif" alt="Northwest" width="437" height="328" />
<span id="washington" class="overlay">Washington</span>
<span id="oregon" class="overlay">Oregon</span>
<span id="idaho" class="overlay">Idaho</span>
<p id="note1">
Semi-transparent backgrounds are gray in Internet Explorer 6, but they are
semi-transparent in Internet Explorer 7 and all other major browsers.</p>
</div>
CSS
.overlay { background:url("semi-transparent.png") repeat; }
#note1 { background:url("trans2white.png") bottom left repeat-x; }
/* Nonessential rules are not shown. */