Hello

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: 600p" />

Фон отталкивается

html css

174 просмотра

2 ответа

У меня есть этот код:

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>отталкивает фон, или что-то еще, что я помещаю в раздел по этому вопросу, или, если я делаю шрифт больше, он падает. Что я хотел бы выполнить, так это предположительно очень простую задачу поместить изображение в качестве фона / заголовка и просто оставить его там без движения, но я не могу, какой самый простой способ добиться этого? Любая помощь или объяснение будет высоко ценится.

Автор: Sergi Источник Размещён: 08.11.2019 11:19

Ответы (2)


0 плюса

Решение

Что происходит, что "h1"является по марже его родительский элемент вместе. Это изначально по умолчанию, и вы можете отклонить это действие, установив "h1"поле для 0:

h1 {
    margin: 0;
}

И, необязательно, добавьте отступы:

h1 {
    margin: 0;
    padding: 5px 5px;
}
Автор: Hydroper Размещён: 20.08.2016 12:44

0 плюса

<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;
}
Автор: Razia sultana Размещён: 20.08.2016 03:32
Вопросы из категории :
32x32