DOCTYPE聲明刪除我的背景圖像

我有一個HTML文檔，我想有一個圖像作爲背景。對於eveything的偉大工程的下一個例子：DOCTYPE聲明刪除我的背景圖像

<html><head></head><body><div id="principal"></div></body></html>

CSS：

#principal 
{ 
    background: url(../Img/org/world.png) no-repeat; 
    width:100%; 
    height:100%; 
    background-size: 100% 100%; 
}

，但如果我的HTML文件改寫爲：將圖像從CSS

<!DOCTYPE html><html><head></head><body><div id="principal"></div></body></html>

（背景：網址（。 ./Img/org/world.png）no-repeat;）不再顯示。爲什麼？

來源

2013-01-05 Stack Overfolow

沒有很好的理由。你嘗試過硬刷新（ctrl + f5）嗎？ – Oded

哪個瀏覽器，如果IE，哪個版本？ – Rob

您忘記了包含CSS文件...？ – JJJ

添加到您的樣式表：

html,body {width:100%;height:100%;}

你設置爲100％的DIV沒有什麼應該設定的100％的任何引用。告訴瀏覽器該文檔要填充100％可用的內容爲div元素創建一個參考。

小提琴反覆折騰：
http://jsfiddle.net/UJsRW/

來源

2013-01-05 13:29:30 K3N

第二HTML標記應該是頭標記之後。然後告訴body和html在你的css中的寬度是100％高度&。

下面是代碼的工作：http://jsfiddle.net/dbb67/2/

body, html { 
width:100%; 
height:100%; 
} 

#principal { 
display:block; 
position:relative; 
background: url(http://fc00.deviantart.net/fs42/i/2009/154/4/d/fantasy_landscape_bg_9_by_joannastar_stock.jpg) no-repeat; 
width:100%; 
height:100%; 
background-size: 100% 100%; 
}

來源

2013-01-05 13:32:38

DOCTYPE聲明刪除我的背景圖像

回答

相關問題