2015-09-30 2 views
0

Я новичок в CSS и хотел, чтобы это изображение было баннером, и под ним текст под заголовком, субтитрами и т. Д., Но когда я использую код в поле, Бывает. http://imgur.com/1DRzl2z. Я хочу, чтобы все было ниже этого образа CS: GO GNDB png.Неверное выравнивание изображения с помощью внутреннего css

header { 
background-image: url("images/header.png"); 
background-repeat: no-repeat; 
background-attachment: fixed;} 

ответ

0

Способ, которым вы используете для добавления изображения к настройкам фонового изображения заголовка, является вашим баннером. Вы можете видеть, что он пишет текст, который вы хотите, поверх него, поэтому свойство называется «background-image»; изображение является фоном для чего-то другого. То, что вам нужно, - это элемент изображения, который является его собственным дискретным «ящиком» на странице, причем ничто не перекрывает его или не вмешивается. Обычно это делается с тегом «img» HTML.

Вы можете поместить строку в HTML-файл, который выглядит как:

<img src="images/header.png" /> 

Чтобы получить изображение само по себе. См. Ниже документацию. Есть также много учебников для такого рода вещей в Интернете.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

0

В этом случае у вас есть два варианта.

  1. Чтобы добавить заголовок в верхний колонтитул, чтобы текст отображался под изображением. Например:

header { 
 
     background-image: url("http://www.jhakas.in/wp-content/uploads/2013/12/ad_720x90.png"); 
 
     background-repeat: no-repeat; 
 
     background-attachment: fixed; 
 
     padding-top: 80px;}
<html> 
 
    <head> 
 
    </head> 
 
    <body> 
 
    <header> 
 
     <h1>Some Title</h1> 
 
     <h3>Some Subtitle</h3> 
 
    </header> 
 
    
 
    </body> 
 
</html>

и после этого положение остальной части текста в новый Div-s вне заголовка.

Или второй вариант заключается в том, чтобы добавить это изображение баннера в качестве элемента, который отобразит его как элемент блока в заголовке, и вы сможете разместить текст под ним, не имея этой проблемы.

Смежные вопросы