2017-07-06 47 views
-1

你好,我目前正在帮助一个使用非常基本网站的组织。他们缺乏任何CSS功能,我不得不纯粹用html编码(这很不好玩)。不过,我似乎遇到了一个问题。每当我在网站上运行代码时,表格的背景都无法显示。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> 
+1

没有看到标记,我们不可能知道。你的代码看起来很好,正如你所说的,否则工作。这个问题的答案最多只能猜测,因此你的问题最终可能会被封闭为*“Too Broad”*。 – Santi

+0

这里工作正常:https://jsfiddle.net/ncczrdhr/ – disinfor

回答

0

尝试下面的代码:

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

+0

这就是我需要的......我真的不明白为什么这个工程,因为它不会在我的HTML编辑器上工作,但它对我的工作网站 –

+0

也许有一个错误或任何其他问题与您的HTML编辑器。顺便说一句,我认为,你的代码不工作,因为缺少单引号。这是工作:'

+0

我不这么认为。我倾向于程序使用过时版本的html的想法 –

0

既然你只写了伪代码是很难验证,但目前你没有图像url的引号,它应该看起来像这样

<table style="width: 350px; height: 350px; background: url('https://cdn.sstatic.net/Sites/stackoverflow/img/[email protected]?v=73d79a89bded')"> 
<tr> 
    <td>My awesome content</td> 
</tr> 
</table> 

注意我添加了一些静态的宽度和高度,所以这个例子是可见的。你可能不应该在生产中使用它。