html - css 背景图像不显示在 html 表中

Question

我已将此样式添加到表

background-image:url(square_image.png); background-size:auto; background-repeat:no-repeat;

但是图片没有在后台显示。

演示 Jsfiddle 链接 here

Answer 1

这是因为您有两个内联“样式”属性。

你更新后的代码应该是这样的:

<table border="0" cellspacing="0" cellpadding="5" style="width:100%; min-width:500px; max-width:700px; font-family:Arial; font-size:14px;">
<tr>
  <td><table width="240" height="300px" border="0" cellpadding="2" cellspacing="0" style="font-size:12px; font-family:Arial;background-image:url('https://s32.postimg.org/wi1c9sm3p/Integra_Icons_Square_on_orange.jpg'); background-size:auto; background-repeat:no-repeat;">
                  <tr>
                    <td align="right">Text</td>
                    <td align="right">Text</td>
                  </tr>
                  <tr>
                    <td align="right">Text</td>
                    <td align="right">Text</td>
                  </tr>
                  <tr>
                    <td align="right">Text</td>
                    <td align="right">Text</td>
                  </tr>
                  <tr>
                    <td align="right">Text</td>
                    <td align="right">Text</td>
                  </tr>
                  <tr>
                    <td align="right">Text</td>
                    <td align="right">Text</td>
                  </tr>
              </table></td>
</tr>
</table>

更新的 jsfiddle:https://jsfiddle.net/j03mp8bc/8/