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>
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 7개
답변 고맙습니다.
그런데 두 가지 방법 다 해봤는데 역시 안되네요.
답변 고맙습니다.
말씀하신대로 소스를 올렸습니다.
도움을 부탁드립니다.
<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>
친절한 답변 정말 감사드립니다.
제가 이쪽 전문가가 아니라서 자세히 이해는 못하지만 참고해서 한번 적용해보도록 하겠습니다.
그런데, 왜 익스플로어에서는 되고 다른 브라우저에서는 안되는걸까요?
기존에 제가 적용한 방식도 인터넷에서 참고해서 한 것인데, 다른 브라우저들은 왜 예외가 되는 것인가요?
근본적인 이해를 못해서 우매한 추가 질문을 드립니다.. -_-;;