Wiki: browse CSS / Image Replacement

Image Replacement

[ CSS / Image Replacement / Leave Comment ]

표현

xhtml

<div id="logo">
	<h1><a href="홈페이지 주소">홈페이지 제목</a></h1>
</div>

css

#logo h1 {position: relative;
	height: 로고 높이px; 
	margin:0; 
	padding:0;
	background: transparent url('로고 그림 주소') no-repeat center center;
	width: 100%;
	}
#logo h1 a {position: absolute;
	top: 0; 
	right:0;
	width: 로고 너비px;
	height: 로고 높이px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	}