2017-07-06 46 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> 

注意我添加了一些靜態的寬度和高度,所以這個例子是可見的。你可能不應該在生產中使用它。