CSS高级技巧:图片替换

<h3 id="header">
<span>Revised Image Replacement</span>
</h3>

#header {width: 329px;height: 25px;background-image: url(sample-opaque.gif);}
#header span {display: none;}

<h3 id="header">
<img src="shim.gif" alt="Revised Image Replacement" />
<span>Revised Image Replacement</span>
</h3>

#header {width: 329px;height: 25px;background-image: url(sample-opaque.gif);}
#header span {display: none;}

<h3 id="header">
Revised Image Replacement
</h3>

#header {background: url(sample-opaque.gif) no-repeat top right;width: 2329px;height: 25px;margin: 0 0 0 -2000px;}

<h3 id="header">
Revised Image Replacement
</h3>