如何让网站顶部的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背景图片显示？

回答

相关问题