글
background-image를 사용하지 않고 img를 이용한 image clipping 방법에 대해
고려 한것입니다.
background-image를 이용한 clipping을 사용하게 되면 IE에서 인쇄시 이미지가 출력되지 않는 문제가 발생합니다.
IMG를 이용한 Clipping 예제 소스:
CSS:
.menu-about { width: 106px; height: 29px; position: relative; top: 0; left: -293px; }
.menu-about img { position: absolute; clip: rect(0 399px 29px 293px); }
HTML:
<div class="menu-about">
<img class="transparent_png" src="http://www.jennifersemtner.com/wp-content/uploads/2008/12/company-menu.png" alt="About" title="About Us" width="611" height="39" />
</div>
