背景被推下来
问题描述:
我有这样的代码:背景被推下来
HTML:
<section id= "main">
<h1> Hello </h1>
</section>
CSS:
#main {
background-image: url("http://www.fullhdwpp.com/wp-content/uploads/Railroad-Tracks-in-the-Autumn-2_www.FullHDWpp.com_.jpg?66e13c");
min-height: 600px;
}
问题:我的<h1>
正在全力推进的背景下,或其他任何东西我把里面的对于这个问题的部分,或者如果我让字体变大,它会下降。我想要完成的是将图像作为背景/头部并将它保留在那里而不移动的非常简单的任务,但是我不能,实现该目标的最简单方法是什么?任何帮助或解释将不胜感激。
答
发生了什么事情是"h1"
是它的父母元素在一起。这是本机默认值,您可以通过"h1"
的保证金设置为0
disapply的行动:
h1 {
margin: 0;
}
,另外可选择添加填充:
h1 {
margin: 0;
padding: 5px 5px;
}
答
<section id= "main">
<h1> Hello </h1>
</section>
#main {
background-image: url(image1.jpg) repeat-x 0px 50px;
background-position: 0px 50px;
background-repeat: repeat-x;
}
h1{
margin:0;
}
欢呼了解点:) – kaosmos
完美,效果很好。谢谢你,先生。 – Sergi