蓋格將邊緣

我有一個#coverdiv與下面的CSS蓋格將邊緣

#cover { 
    background-color: #FFFFFF; 
    height: 100%; 
    opacity: 0.4; 
    position: fixed; 
    width: 100%; 
    z-index: 9000; 
}

我希望它覆蓋整個（查看）頁面，像這樣

enter image description here

然而，當我滾動down我看到這個

enter image description here

這是因爲一個margin的8被添加到頂部和左側。

我試着加入margin:-8 -8 8 8;沒有成功。爲什麼？？？我該如何解決這個問題？

DEMO fiddle.

來源

2013-10-06 Math chiller

你錯過了一個單位，例如'px' http://jsfiddle.net/e9AAM/1/ – Adrift

你fogot設置的位置。只需添加：

top: 0; 
left: 0;

，因爲你沒有帶貼你完整的標記，我只能假設你的身體有一個保證金或填充造成你所看到的變化。

來源

2013-10-06 14:33:13 oezi

簡單的事情來解決。

是添加到您的CSS

* /*Remove all the default margin and padding*/ 
{ 
    margin: 0; 
    padding: 0; 
} 
html, body /*so it'll work when you specify 100% height on element*/ 
{ 
    height: 100%; 
}

BTW：使用單位（px/%）保證金/填充其他然後0

，這裏是一個Fiddle

也，你不」噸甚至需要fixed的位置..檢查出fiddle

來源

2013-10-06 14:46:07 avrahamcool

你沒有讀過這個問題，或者我錯過了什麼，試着做一個小提琴。 –

你明顯錯過了一些東西.. [你在這裏]（http://jsfiddle.net/avrahamcool/e9AAM/4/）。 – avrahamcool

[看這個]（http://jsfiddle.net/mendelthecoder/e9AAM/6/） –

回答

相關問題