2011-08-18 32 views
0

我想使用CSS製作單表背景,但是我無法獲取表格。這裏是我的代碼示例:設置表類中的CSS圖像背景故障

<html> 
<head> 
<style type="text/css"> 
body {background-image:url('http://www.example.com/images/image1.jpg');} 

table.background { background: url('http://www.example.com/images/image2.gif') no-repeat; } 

</style> 
</head> 

<body> 
<table class="background" style="width:400px;height:500px;> <tr><td> 
<h1>Hello World!</h1></td></tr></table> 
</body> 

</html> 

爲什麼我看不到輸出中顯示的Hello World語句?

+1

你真的應該使用文本編輯器語法高亮。它會更快地抓住這一點。 – RustyTheBoyRobot

回答

0

表不應該用於佈局。表格是爲了顯示數據,而不是標題。使用div的,而不是

+0

你能給我一個代碼示例嗎? – Presto

+1

@mmk:這真的不是答案。使用表格無關緊要,它不回答問題。 (我同意你的看法,但評論是更好地使用提到這個,而不是回答) – Nightfirecat

+0

最終通過使用一個部門來解決問題。謝謝。 – Presto

1

你缺少一個右引號的位置:

<table class="background" style="width:400px;height:500px;> 
                 ^
+0

偉大的工作,謝謝! – Presto

+0

http://jsfiddle.net/MxbP5/ – Curt

1

你沒有結束引號(「)在你的風格屬性

試試這個:

<table class="background" style="width:400px;height:500px;"> <tr><td> 
<h1>Hello World!</h1></td></tr></table> 

這是它在JSBin工作:http://jsbin.com/onunoc/2/edit#preview