表格单元格图像未显示

时间:2017-11-09 11:52:46

标签: html css

表单元格图像和单元格背景图像未显示:

<table border="1">
 <colgroup>
   <col width="150"/>
   <col width="350"/>
 </colgroup>
 <tbody>
   <tr>
    <td height="100%" width="92%"><image src="../images/refresh.jpg" alt="Test"></td>
    <td background="https://media.giphy.com/media/10S1CGpBU06FZ6/giphy.gif" width="8%"></td>
   </tr>
  </tbody>
</table>

4 个答案:

答案 0 :(得分:2)

试试吧。

<table border="1">
    <colgroup>
        <col width="150"/>
        <col width="350"/>
    </colgroup>
    <tbody>
        <tr>
            <td height="100%" width="100%"><img src="../images/refresh.jpg" alt="Test"></td>
            <td style="background:url(../images/refresh.jpg);" width="100%"></td>
        </tr>
    </tbody>
</table>

由于img不是imageTD元素没有background属性,您可以将自定义样式放在{{1}内}就像上面的那样。

答案 1 :(得分:2)

尝试使用:

<td style="background-image: url('../images/refresh.jpg')" width="100%">

此外,您的路径很可能不正确。尝试插入:

  <?php if(file_exists("../images/refresh.jpg")){
  echo "IT EXISTS!";
  }
  else{
  echo "NOT FOUND!";
  }
  ?>

那应该告诉你路径是否正确。

答案 2 :(得分:2)

Dictionary<,>不是标记,缩写为<image>,因此它应该是这样的:<img>

在下面的示例中,我从网上添加了一个图像,以显示:

&#13;
&#13;
<**img** src="../images/refresh.jpg" alt="Test">
&#13;
td {
  border: solid 1px black
}
&#13;
&#13;
&#13;

希望它有所帮助。

答案 3 :(得分:0)

您可能没有看到任何内容,因为第一个td是100%。

将第一个td更改为占据宽度的92%或任何小于100%的任何内容。

<td height="100%" width="92%"><image src="../images/refresh.jpg" alt="Test">    </td>
<td background="../images/refresh.jpg" width="8%"></td>

<table border="1">
 <colgroup>
   <col width="150"/>
   <col width="350"/>
 </colgroup>
 <tbody>
   <tr>
    <td height="100%" width="92%"><image src="../images/refresh.jpg" alt="Test"></td>
    <td background="https://media.giphy.com/media/10S1CGpBU06FZ6/giphy.gif" width="8%"></td>
   </tr>
  </tbody>
</table>