如何讓網站頂部的div背景圖片顯示？

我正在製作導航欄，並且遇到問題。這是我的導航欄的樣子：如何讓網站頂部的div背景圖片顯示？

enter image description here

它就像它周圍的8像素的白色邊框，這就是我想要它看起來像：

enter image description here

沒有8px的白色邊框。

我使用這個代碼是：

.header 
{ 
width: 100%; 
height: 80px; 
background : #464646; 
background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69))); 
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69)); 
border-top:1px solid #939393; 
position: relative; 
margin-bottom: 30px; 
}

我可以利用這一點：

margin-left:-8px; 
margin-right:-8px; 
margin-top:-8px;

並把寬度102％，但隨後它給了我在底部滾動條。

這可能令人困惑，但我是初學者，我需要幫助。如果你能幫助我，我會很感激！

謝謝。

來源

2014-01-15 edno70

你的意思呢？ [DEMO]（http://jsfiddle.net/Ruddy/gwM4X/）如果你的意思是這樣的話，請從身體邊緣取出。 – Ruddy

是的！謝謝。發佈這個答案！ – edno70

@Ruddy請在答案欄中填入答案，以便可以對答案進行表決。謝謝 – Cam

你必須對你的身體邊距設置爲0這樣的：

body 
{ 
    margin:0; 
}

來源

2014-01-15 17:55:46 Dozer789

你body標籤自帶的利潤。那是你的問題。

務必：

body { margin: 0px; }

來源

2014-01-15 17:55:50 dthree

用戶代理應用默認的樣式到您的網頁，你需要重寫，在這種情況下，它margin所以要麼你可以重置margin像

body { 
    margin: 0; 
}

否則您還可以使用*通用選擇器，如

* { 
    margin: 0; 
    padding: 0; 
}

DEMO HERE

要進行正確的樣式表復位，使用CSS RESET STYLESHEET

來源

2014-01-15 17:55:59 Ruddy

值得一提的是，這是由於'user agent stylesheet' - 實際上是瀏覽器的默認樣式。 – McAden

正確！感謝您的評論@McAden – Ruddy

修復了它！謝謝。 – edno70

我相信這是因爲瀏覽器有一些默認樣式，其中之一是圍繞內容加上了8px的保證金，考慮「CSS復位」或者，如果你只是想刪除一件事嘗試

body 
{ 
    margin: 0px; 
}

希望幫助

來源

2014-01-15 17:56:25 ottis

設置你的HTML中nd body to：

body, html {padding: 0; margin: 0;}

這將重置所有瀏覽器並刪除邊框。

來源

2014-01-15 17:57:05

這將在整個頁面上聲明，不僅僅是正文。

* { 
    padding: 0; 
    margin: 0; 
}

http://jsfiddle.net/cornelas/gwM4X/2/

來源

2014-01-15 17:57:35 Cam

事情是，我只希望它在導航欄中完成。 – edno70

它是一個常見的重置，用於刪除在標題，導航等周圍找到的未使用的空白。這是幾乎所有網站上的常用代碼。 – Cam

好的。那麼我必須記住這一點。 – edno70

如何讓網站頂部的div背景圖片顯示？

回答

相關問題