CSS 图像/文本替换 - 可点击

Posted 2021-05-23

<h1>
	<a href="/">RTC<em>RM</em></a>
</h1>

h1 {
	font properties here
}

h1 a {	// This can be any inline element: span, strong, em, etc.
	display: block;		// This forces the <a> element to be as wide as the containing <h1>
        width: XXXpx;
	height: XXXpx;	
        background: url('../img/logo.gif') no-repeat 0 0;
        overflow: hidden;
	text-indent: -9999px;
}

/* Example from header on 2008 RTCRM public site */