css 트릭

css 트릭을 설명해 놓은 페이지 : http://css-tricks.com/nine-techniques-for-css-image-replacement/

오늘 해 본 css 트릭은 그 중에 4번째 것이다.

MOSS에서 마스터 페이지의 색상을 바꿀때 사용하는 테마는 색상을 변경하기 쉽지만..

 

이미지변경은 어렵다. 이미지 삽입이면 모를까.. 그래서 CSS 트릭을 하나 써 보았다.

TEST.HTML

<link rel="stylesheet" type="text/css" href="theme.css"/>
<h1 class="technique-five">
 <span><img src="숨겨질이미지.JPG" alt="CSS-Tricks" />
 CSS-Tricks</span>
</h1>

 

THEME.CSS

 
h1.technique-five {
 width: 350px; height: 500px;
 background: url("이미지2.JPG");

hnique-five span {
  display: none;
}

 

잘 치환이 되더라,,