css sprite 적용하면 크롬에서 이미지가 안뜨네요. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

css sprite 적용하면 크롬에서 이미지가 안뜨네요. 정보

css sprite 적용하면 크롬에서 이미지가 안뜨네요.

본문

안녕하세요.

사이트 속도 때문에 css sprite를 적용 후 테스트 중인데,

익스플로어에서는 잘 되는데,

크롬, 파이어폭스, 사파리에서는 이미지가 안뜨는데,

이 문제 어떻게 해결해야 할까요?

고수님들의 도움을 바랍니다.


.....

적용한 소스의 일부를 올립니다.


<style type="text/css">

a.sprite-head_top_2{background:url(http://www.xxxx.com/image_sprite.png);background-position: 0 -1146px; width: 120px; height: 41px;}

</style>



<a href="http://http://www.xxxx.com/bbs/board.php?bo_table=xxx"  class="sprite-head_top_2" target="_parent"></a>

댓글 전체

앵커를 블럭화 시켜주셔야 합니다.

<style type="text/css">
a.sprite-head_top_2{background:url(http://www.xxxx.com/image_sprite.png);background-position: 0 -1146px; width: 120px; height: 41px;display:inline-block;overflow:hidden;}
a.sprite-head_top_2 span {display:none;}

</style>


<a href="http://http://www.xxxx.com/bbs/board.php?bo_table=xxx"  class="sprite-head_top_2" target="_parent"><span>메렁</span></a>
안녕하세요.

친절한 답변 정말 감사드립니다.

제가 이쪽 전문가가 아니라서 자세히 이해는 못하지만 참고해서 한번 적용해보도록 하겠습니다.


그런데, 왜 익스플로어에서는 되고 다른 브라우저에서는 안되는걸까요?

기존에 제가 적용한 방식도 인터넷에서 참고해서 한 것인데, 다른 브라우저들은 왜 예외가 되는 것인가요?

근본적인 이해를 못해서 우매한 추가 질문을 드립니다.. -_-;;
IE가 좀 그래요 :) ㅎㅎㅎ ... 원래는 블럭화 시켜 주는게 정확한 방법이며,  IE 에선 종종 문법에 맞지 않는 것도 적용되곤 합니다. 다른 브라우저에선 다 되는데 IE에서만 안되는것도 있구요
전체 66,558 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT