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>
사이트 속도 때문에 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>
댓글 전체
Ctrl+F5 눌러보세요. 그래도 안되면 캐시 파일 지우세여
안녕하세요.
답변 고맙습니다.
그런데 두 가지 방법 다 해봤는데 역시 안되네요.
답변 고맙습니다.
그런데 두 가지 방법 다 해봤는데 역시 안되네요.
소스를 올려보세요. ^^
안녕하세요.
답변 고맙습니다.
말씀하신대로 소스를 올렸습니다.
도움을 부탁드립니다.
답변 고맙습니다.
말씀하신대로 소스를 올렸습니다.
도움을 부탁드립니다.
앵커를 블럭화 시켜주셔야 합니다.
<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>
<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에서만 안되는것도 있구요