Question

我已将此款式添加到table

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

然而，图像未在后台显示。

演示Jsfiddle链接here

Answer 1

不允许在HTML中使用多个属性。在询问StackOverflow之前验证您的HTML。 https://validator.w3.org/

https://jsfiddle.net/ou366bh7/

style=""

Answer 2

这是因为你有两个内联＆＃34;风格＆＃34;属性。

您的更新代码应该是：

<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/

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

2 个答案: