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. */