background sprites 질문입니다.
크롬이나 ie8 버전 이후부터는 버튼이 잘 보이는데
ie6나 ie7에선 버튼이 작아저서 보이네요 -_-...
도대체 이유를 모르겠습니다 ㅠㅠ
예제페이지는 http://blog.hey-man.net/bbs/board.php?bo_table=3_3&wr_id=19 이곳을 보시면 될거같네요.
css가 이상한건지, 다른게 이상한건지 원... dtd 선언도 해보았는데 관계없는듯싶네요.. ㅡㅜ
css 소스는 이런식으로 쓰고있습니다.
#view_bo_btn{zoom:1px;clear:botn;padding:10px 0 0;}
#view_bo_btn a{float:left;height:24px;background:url('../img/sprites_btn.gif') no-repeat;text-indent:-9000px;overflow:hidden;}
#view_bo_btn a.btn_del{margin-right:1px;width:41px;background-position:-95px 0;}
소스참고는 이걸 활용했습니다
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=26180&sca=&sfl=wr_subject%7C%7Cwr_content&stx=sprites&sop=and
ie6나 ie7에선 버튼이 작아저서 보이네요 -_-...
도대체 이유를 모르겠습니다 ㅠㅠ
예제페이지는 http://blog.hey-man.net/bbs/board.php?bo_table=3_3&wr_id=19 이곳을 보시면 될거같네요.
css가 이상한건지, 다른게 이상한건지 원... dtd 선언도 해보았는데 관계없는듯싶네요.. ㅡㅜ
css 소스는 이런식으로 쓰고있습니다.
#view_bo_btn{zoom:1px;clear:botn;padding:10px 0 0;}
#view_bo_btn a{float:left;height:24px;background:url('../img/sprites_btn.gif') no-repeat;text-indent:-9000px;overflow:hidden;}
#view_bo_btn a.btn_del{margin-right:1px;width:41px;background-position:-95px 0;}
소스참고는 이걸 활용했습니다
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=26180&sca=&sfl=wr_subject%7C%7Cwr_content&stx=sprites&sop=and
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 2개
zoom을 1x로 한다? 이치에도 맞지않는 것 아닌가요?
zoom:1 또는 zoom:80% 등으로 조절해서 맞추어보세요
뜻밖의 장소에서 오류가 있었군요... 전혀 생각하지도 않았었습니다 ㄷㄷ;;
CSS clean 사이트에서 소스 정리하고나니 1 옆에 px가 붙네요.. 흠