盖格将边缘

我有一个#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/） –

回答

相关问题