크롬에서 background: url 이미지가 안나옵니다. 정보
크롬에서 background: url 이미지가 안나옵니다.본문
<td class="leftmenu11">전월세상식</td>
익스에서 위와 같이 하면, 아이콘이 보이는데, 크롬에서는 안보입니다.
아래 코드 좀 봐주세요.
다른 방법을 써도 해결되지 않네요.
.leftmenu01 a:link{color:#4B4B4B; text-decoration:none;background: url(./menu_button.gif) no-repeat left middle; padding-left:15px; word-spacing:-2px}
익스에서 위와 같이 하면, 아이콘이 보이는데, 크롬에서는 안보입니다.
아래 코드 좀 봐주세요.
다른 방법을 써도 해결되지 않네요.
.leftmenu01 a:link{color:#4B4B4B; text-decoration:none;background: url(./menu_button.gif) no-repeat left middle; padding-left:15px; word-spacing:-2px}
댓글 전체
middle을 빼보세요.
http://opentutorials.org/course/718/3811
http://opentutorials.org/course/718/3811
감사합니다. 잘됩니다.. 어제부터 헤멧는데...
글자에 마우스를 올리면, 이미지가 바뀌는것인데요. 익스에서는 잘되는데, 크롬에서는 안되네요. middle을 빼도요..아래 코드좀 봐주세요.
.leftmenu1 a:hover{color:#006cbb; text-decoration:none;font-weight='bold'; TEXT-DECORATION: underline; padding-left:13px; background: url(./menu_01_button2.gif) no-repeat left ; word-spacing:-2px}
글자에 마우스를 올리면, 이미지가 바뀌는것인데요. 익스에서는 잘되는데, 크롬에서는 안되네요. middle을 빼도요..아래 코드좀 봐주세요.
.leftmenu1 a:hover{color:#006cbb; text-decoration:none;font-weight='bold'; TEXT-DECORATION: underline; padding-left:13px; background: url(./menu_01_button2.gif) no-repeat left ; word-spacing:-2px}
text-decoration 중복이네요 그리고 백그라운드 포지션을 %로 넣어보세요 no-repeat 0% 50% 이런식으로..그리고 a속성에 display:inline-block를 넣어서 height값이랑 line-height값을 맞춰보시고..소스가 없어서 정확한 형태를 알수없어서 대충 글 남깁니다
leftmenu11에 a 태그는 어디있나요?
<td class="leftmenu11"><a href=/test.php>전월세상식</a></td>
이렇게 되어 있습니다.
이렇게 되어 있습니다.
클래스 이름을 leftmenu11, leftmenu01, leftmenu1 3개가 혼합해서 쓰셨네요.
제대로 하셨을거라고 생각되지만, 다시 확인해보시고요.
font-weight='bold' 이거 잘못 쓰셨네요. 이것 때문에 에러가 나진 않은 것 같지만..
<html>
<head>
<title> New Document </title>
<style>
.leftmenu11 a:link{color:#4B4B4B; text-decoration:none;background: url('http://img.naver.net/static/www/u/2010/0611/nmms_215646753.gif') no-repeat left; padding-left:15px; word-spacing:-2px;}
.leftmenu11 a:hover{color:#006cbb; text-decoration:underline;font-weight:bold; padding-left:13px; background: url('http://icon.daumcdn.net/w/c/12/11/10192021148946703.png') no-repeat left; word-spacing:-2px;}
</style>
</head>
<body>
<table>
<tr>
<td class="leftmenu11"><a href="/test.php">전월세상식</a></td>
</tr>
</table>
</body>
</html>
크롬에서 돌아가는거 확인한 소스 입니다.
제대로 보이는지 한번 해보세요.
제대로 하셨을거라고 생각되지만, 다시 확인해보시고요.
font-weight='bold' 이거 잘못 쓰셨네요. 이것 때문에 에러가 나진 않은 것 같지만..
<html>
<head>
<title> New Document </title>
<style>
.leftmenu11 a:link{color:#4B4B4B; text-decoration:none;background: url('http://img.naver.net/static/www/u/2010/0611/nmms_215646753.gif') no-repeat left; padding-left:15px; word-spacing:-2px;}
.leftmenu11 a:hover{color:#006cbb; text-decoration:underline;font-weight:bold; padding-left:13px; background: url('http://icon.daumcdn.net/w/c/12/11/10192021148946703.png') no-repeat left; word-spacing:-2px;}
</style>
</head>
<body>
<table>
<tr>
<td class="leftmenu11"><a href="/test.php">전월세상식</a></td>
</tr>
</table>
</body>
</html>
크롬에서 돌아가는거 확인한 소스 입니다.
제대로 보이는지 한번 해보세요.
