Advanced Search

Return to Snippet

Revision: 37695
at December 15, 2010 09:51 by chendrix
Updated Code 
h1 {
	width: 247px;
	height: 27px;
	line-height: 1em;
	white-space: nowrap;
	font-size: 100%;
	overflow: hidden;
} 

h1:after {
	display: block;
	content: url("logo.png");
	width: 247px;
	height: 27px;
	margin-top: -1em;
}

/*IE hacking */
* html h1 {
	background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML += '<span></span>');
	position: relative;
	z-index: 1;
}

/*Now the simple and effective IE styling.*/

* html h1 span {
	display: block;
	width: 247px;
	height: 27px;
	background: url(logo.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

Revision: 37694
at December 15, 2010 09:19 by chendrix
Initial Code 
h1 {
 width: 247px;
 height: 27px;
 line-height: 1em;
 white-space: nowrap;
 font-size: 100%;
 overflow: visible;
 }

 
 #main h1 {overflow: hidden;}
 

 h1:after {
 display: block;
 content: url("logo.png");
 width: 247px;
height: 27px;
 margin-top: -1em;
}

/*IE hacking */
* html h1 {
 background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML += '<span></span>');
 position: relative;
z-index: 1;
 }

/*Now the simple and effective IE styling.*/

 * html h1 span {
 display: block;
width: 247px;
 height: 27px;
background: url(logo.png) no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
Initial URL 
http://web.archive.org/web/20051213222507/http://fecklessmind.com/main/5/definitive-solution-to-image-replacement
Initial Description 
Had to track it down through web archives.
Initial Title 
Anatoli Method for Image Replacement
Initial Tags 
image
Initial Language 
CSS