제 레이아웃에서 사용중인 png 소스입니다,,
이게 IE Hack 인지는 잘 모르게꽁,, 암튼 많이 알려진 1x1.gif 을 사용하지도 않고,, 로딩될때 깜빡 거림도 없습니다;;
#head {
width:890px;
height:90px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/zb5/layout/nzene_wp/theme/wp_1/images/layout/wp_bg_top1.png');
}
#head[id] {
width:890px;
height:90px;
background-image:url(./images/layout/wp_bg_top1.png);
}
위의 소스는 IE용,, 아래의 소스는 모질라계열용으로 두가지를 같이 작성하셔야 합니다,,
위의 IE 소스에서 주의할점은 절대경로를 쓰셔야 한다는것이고,
아래의 모질라용 태그에서 주의할 점은 엘리먼트 각 셀렉터(id or class)를 정확히 쓰셔야 한다는것,,
(예: <div id='aa'> 일 경우 위의 모질라 태그에서 #aa[id] 라고 쓰셔야 합니다,,)
물론 IE, 모질라 모두 이미지 사이즈를 정확히 입력해야겠지요?
만약 <img src~~ > 방식의 태그를 쓰셔야 한다면 미니위니에서 무화님의 소스를 추천하구여,,
반복(repeat-x, y)까지 구현하려면 IE 태그중 sizingMethod=crop 을 sizingMethod=scale 로 바꾸시면 됩니다;;
당연히 모질라 태그에는 Background-repeat 를 써야될테구여,,
이것 외에 위의 소스를 이용하며 마우스 On, Off 기능을 구현하는 소스가 있는데 어디있는지,, ㅡㅡ;;
아무튼 원 출처가 어디였는지 오래되서 잊어버렸는데, 외국 사이트에서 찾은걸로 기억하는데,
파폭 2.0(1.5에서부터 테스트)과 IE7.0 까지 테스트 되었습니다,, (사파리는 제가 맥이 없어 테스트하지 못했습니다;; ㅡㅡ;;)







