1

背景画像を適用しようとしているテーブルがありますが、表示されません。画像のパスは正しく (firebug は画像が読み込まれたと言っています)、テーブルのサイズは画像のサイズ (156X46px) と同じです

HTML:

<!--hazard icons start here -->
                <table class="hazard-table">
                <tr> 
                    <td> 1 </td>
                    <td> 1 </td>
                    <td> 1 </td>

                </tr>
                <tr> 
                    <td> 1 </td>
                    <td> 1 </td>
                    <td> 1 </td>

                </tr>


                <!-- hazard icons end here -->
                </table>

CSS:

table.hazard-table {
    background:url('../images/icon-item.png') no-repeat;
    width:156px;
    height:46px;
    border-width: 1px;
    border-spacing: 2px;
    border-style: solid;
    border-color:#ebebeb;
    border-collapse: collapse;
    background-color: white;
}
table.hazard-table th {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    border-color: #ebebeb;
    background-color: white;
    -moz-border-radius: ;
}
table.hazard-table td {
    background-position:30 20 ;
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    border-color: #ebebeb;
    background-color: white;
    -moz-border-radius: ;
}
4

3 に答える 3

1

このフィドルリンクがうまくいくことを願っています。

  table.hazard-table {
   /* background:url('../images/icon-item.png') no-repeat 0 0;*/
    background:url('http://img.talkandroid.com/uploads/2013/03/wpid-photo-jan-14-2013-1115-am.jpg') no-repeat 0 -550px;
    width:156px;
    height:46px;
    border-width: 1px;
    border-spacing: 2px;
    border-style: solid;
    border-color:#ebebeb;
    border-collapse: collapse;
    /* background-color: white;*/
}
table.hazard-table th {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    border-color: #ebebeb;
    background-color: white;
    -moz-border-radius: ;
}
table.hazard-table td {
    background-position:30 20 ;
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    border-color: #ebebeb;
   /* background-color: white;*/
    -moz-border-radius: ;
}
于 2013-07-08T07:13:27.957 に答える