CSS 可访问的图像替换 - Gilder / Levin方法

Posted 2021-05-23

#header h1 a{
	display:block; /* Required */
	width:250px; /* Width of image in question */
	height:70px; /* Height of image in question */
	position:relative; /* Required */
}
#header h1 a span{
	position:absolute; /* Required */
	width:100%; /* Stretch full width of parent */
	height:100%; /* Stretch full height of parent */
	background:url(images/logo.gif) top left no-repeat; /* Image */
	cursor:pointer; /* Required for links to appear like links in IE */
}

<!-- THE HTML -->
<h1><a href="./" title="Return Home"><span></span>Home</a></h1>