Question

你好，我目前正在帮助一个使用非常基本网站的组织。他们缺乏任何CSS功能，我不得不纯粹用html编写代码（这很有趣）。但是我似乎遇到了一个问题。每当我在网站上运行代码时，表格的背景都无法显示。

table style = "background: url(image.png)"

这就是我对表格进行编码的方式，我不相信我在那里犯了一个错误，因为当我将它插入到html编辑器中时，它完全正常。我只是使用过时版本的HTML？或者这是我要求这个网站不可能的？任何帮助将不胜感激。

如果可以清除任何混淆，这是我的代码

<table style="height: 10px; border-color: #000000; background: 
url('http://i.imgur.com/2JxgSxt.jpg'), center, no-repeat; background-size: 
100%;" width="100%">
<tbody>
<tr>
<td style="text-align: center; width: 15%;" bgcolor=""><span style="color: 
#ffffff;"><strong>Feb.</strong></span><br />
<p><span style="color: #ffffff;"><strong>23rd-25th</strong></span></p>
</td>
<td style="width: 5%;" bgcolor=""><span style="color: #ffffff;">&nbsp;
</span></td>
<td bgcolor="">
<h2><span style="color: #ffffff;">Two-Umpire Mechanics Clinic&nbsp;</span>
</h2>
<h4><span style="color: #ffffff;">Friday-Sunday - </span></h4>
</td>
<td style="text-align: center;" bgcolor="" width="10%"><span style="color: 
#ffffff;">&nbsp;<img style="-moz-transform: scaleX(-1); -o-transform: 
scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: 
FlipH;" src="http://www.clker.com/cliparts/6/k/K/P/5/Z/plain-left-white-
arrow-md.png" alt="" width="17" height="32" /></span></td>
</tr>
</tbody>
</table>

Answer 1

请尝试以下代码：

<table background="http://lorempixel.com/400/200">
  <tr>
    <td>First column</td>
    <td>Second column</td>
    <td>Third column</td>
  </tr> 
  
  <tr>
    <td>First column</td>
    <td>Second column</td>
    <td>Third column</td>
  </tr> 
  
  <tr>
    <td>First column</td>
    <td>Second column</td>
    <td>Third column</td>
  </tr> 
</table>

Answer 2

由于您只编写了伪代码，因此很难验证，但目前您缺少图像网址的引号，它应该看起来像这样

<table style="width: 350px; height: 350px; background: url('https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded')">
<tr>
    <td>My awesome content</td>
</tr>
</table>

注意我添加了一些静态宽度和高度，以便示例可见。你可能不应该在生产中使用它。

HTML表背景无效

2 个答案: