是不是好給<html>在CSS背景圖像？

或者出於某種原因，這是不好的做法？是不是好給<html>在CSS背景圖像？

非常感謝！

來源

2011-11-28 Jesper

這很好。 – motoxer4533

澄清「好」的定義可能有用。 @danontheline指出這是無效的HTML。它會呈現，但技術上無效。 – BentOnCoding

這是一個非常有趣的問題。我也必須用JavaScript做一些測試。 – Michas

我只想把它添加到body元素，你會得到相同的效果。或者，如果您正在查看雙重背景，則可能需要查看能夠使用此功能的CSS3組件。（雖然不是所有的瀏覽器版本兼容）

來源

2011-11-28 22:16:21 pcproff

我會嘗試那麼:)顯然有一些關於使用標籤的有效性的辯論。 – Jesper

有「正確的方式」和「什麼有效」。鑑於你問到最佳做法，我避開了膠帶。 –

-1

我不認爲這是一個問題。它適用於舊版瀏覽器。儘管我會建議您不要向html標籤添加許多其他樣式，但它在瀏覽器中往往有點不一致。

來源

2011-11-28 22:12:48 BentOnCoding

謝謝！我想嘗試使用雙頁面背景，其中一頁需要位於頁面底部。到目前爲止，我還無法弄清楚，所以我希望答案在於在標籤中使用一個bg。 – Jesper

@DownVoter謹慎評論downvote？ – BentOnCoding

-2

W3C Schhols說其無效：

核心屬性在基地，頭，HTML，元，PARAM，腳本，樣式，和標題元素無效。

而那些無效的屬性列表是找到here

任何理由，你爲什麼不給<body> style屬性？

來源

2011-11-28 22:16:44 Anonymous

你可以參考W3規範中的這個嗎？ [我不太相信W3School在這種情況下是準確的]（http://w3fools.com/）。 – Nightfirecat

w3fools讓我微笑:) – Jesper

鑑於你的問題...

這是一個不好的做法。

用於網頁的整個身體的背景，應適用於身體標記：

body { background-image:url('sunny.gif') }

這是最好的做法。

不過請注意，如果您使用的圖像比屏幕小，就會重複！

常用推薦的做法是也指定一個匹配背景顏色，因爲它會立即出現（然後被替換）。

body { background-image:url('sunny.gif'); background-color:#b0c4de; }

另外一個快捷方式是：

body { background: #b0c4de; url('sunny'.jpg) } # could also add repeat/scroll/top

這裏有一個背景的完整列表：

背景附件
背景色
背景圖像
背景斷定離子
背景重複

尼斯寫的UPS：http://www.beginnersguidetohtml.com/references/css

來源

2011-11-28 22:25:08

我實際上正在計劃使用CSS來做這件事:) – Jesper

我的錯誤。現在修復。 –

謝謝邁克爾，但我對初學者不是很瞭解：D但我非常感謝你所做的努力，非常感謝！ – Jesper

在我看來，HTML是背景比身體要好得多的地方。 W3C的建議是不同的。我認爲這是由於與很老的瀏覽器兼容，如Internet Explorer 5.5，Netscape Navigator 4或更奇特的東西。無論哪種情況，這兩個地方都有效。

http://www.w3.org/TR/2011/REC-CSS2-20110607/colors.html點14.2
http://www.w3.org/TR/2011/CR-css3-background-20110215/點3.11

有小怪癖。

如果您在body上設置背景不在html上，瀏覽器將此解釋爲html上的背景，而不是body。
如果你在html上設置背景，一切都按預期工作。
如果您在html和body上設置了背景，您可能會看到body框比html框小。

來源

2011-11-28 23:10:49 Michas

嗯有趣......我已經使用雙重背景修復了這個問題，但我仍然會試試這個，只是爲了......呃試試。 – Jesper

調整到<1％的用戶是有趣的......然而很多人都這樣做......但忽略了移動和平板電腦的基礎知識，現在只有10％的市場... –

我沒有看到任何移動問題。 – Michas

是不是好給<html>在CSS背景圖像？

回答

相關問題