<style type="text/css">
.bo_notice {font-weight:bold; background:url('http://xxx.com/img/xxx.png') top left no-repeat;}
</style>
이런식으로 css 를 하고
리스트 테이블의 tr 에 공지글은 class=bo_notice 로 지정했습니다.
익스에서는 tr 기준으로 배경이미지가 하나만 들어 가는데요....
문제는 크롬에서 각 td 에 모두 각각 배경이미지가 들어가 버리네요.
유사한 경우나 해결팁 부탁 드립니다.
답변 1개
채택된 답변
+20 포인트
2015-02-12 (목) 10:22:26
아래 처럼 테스트를 해 보니 크롬/IE/파이어팍스에서 잘됩니다.
상황에 맞게 수정해 사용하시면 될 듯 합니다 ^^
<style>
table{border-collapse: collapse;}
table tr{float:left;width:100%;}
table td{width:30px;height:30px;border:1px solid red;}
.aaa{background:transparent url(test.gif) top left no-repeat;}
</style>
<table cellspacing="0" cellpadding="0">
<tr class="aaa">
<td>11</td>
<td>22</td>
<td>33</td>
</tr>
<tr>
<td>11</td>
<td>22</td>
<td>33</td>
</tr>
</table>
답변을 작성하려면 로그인이 필요합니다.