이미지 바꿔치기 썸네일형 리스트형 이미지 바꿔치기_파크방법 숨기고자하는 텍스트의 text-indent값으로 아주 큰 음수값을 지정 화면상에 텍스트가 있기는 하지만 아주 큰 값을 갖고 있어서 해상도가 매우 높은 모니터에서도 절대 보이지않는다 #phark { height: 26px; test-indent: -500px; background: url(phark.gif) no-repeat; } The Phark Method 더보기 이미지 바꿔치기_LIR방법 텍스트를 감추기위해 display 속성을 사용하는 대신 텍스트를 포함하는 태그의 높이를 0을 지정하고 padding-top값을 바꿔치기할 이미지와 같은 값으로 지정 별도의 span을 슬 필요가없다. ---------------------------------------------------- #lir{ padding:90px 0 0 0; overflow:hidden; background: url(lir.gif) no-repeat; height: 0p; /* 대부분의 웹브라우저를 위한 명령 */ height: 90px; /*IE5를 위한 명령*/ } Leahy/Langridge Image Replacsment ---------------------------------------------------- 대.. 더보기 이미지 바꿔치기_FIR방법 css의 background(혹은 background-image)속성을 사용해 텍스트 대신 이미지를 표시하도록함 id값을 부여해 이 머리글을 css로 완벽하게 제어 ------------------------------------------ #fir {width:200px; height:50px; background: url(fir.gif) no-repeat;} #fir span{display: none;} Father Image Replacement ------------------------------------------ 마크업을 수정하지않고 css로 이미지를 지정했지 때문에 css를 지원하지 않는 블주어나 장치에서는 이미지 텍스트를 확실하게 표시 마크업을 수정할 필요없이 css파일만 수정하면 쉽게.. 더보기 이전 1 다음