Фоновое изображение в классе CSS внутри <div> - PullRequest
Новая
       13

Фоновое изображение в классе CSS внутри <div>

0 голосов
/ 16 мая 2018

Я новичок в веб-дизайне, и мне нужно задать вопрос.Я не вижу фоновое изображение в.Вот мой кодЧто я делаю неправильно?Я уверен, что изображение находится в правильном месте, и я связал style.css с моим HTML-кодом.

PHP: 

<div style="main_div">
<div style="banner">


</div><!--banner end-->
</div><!--main end-->

CSS: 

.main_div{width: 1000px; margin: auto;}

.banner{
width:100%; 
height:100%;
background-image: url(../img/bannerimg.png); 
margin-top:50px;}

Iтакже сбросили код Эрика Мейера в коде CSS.Заранее спасибо.

Ответы [ 2 ]

0 голосов
/ 16 мая 2018

Дайте классу main_div высоту и замените атрибут 'style' на 'class'. 

.main_div {
    width: 1000px;
    height: 1000px;
    margin: auto;
}

Вы также можете установить background-repeat: no-repeat; чтобы изображение отображалось только один раз. 

<div class="main_div">
  <div class="banner">

  </div><!--banner end-->
</div><!--main end-->

.banner {
    width: 100%;
    height: 100%;
    background-image: url(../img/bannerimg.png);
    background-repeat: no-repeat;
    margin-top: 50px;
}
0 голосов
/ 16 мая 2018

вы должны изменить style на class, и оно должно работать. Ваша проблема в том, что вы работаете с неправильным ключевым словом.

  • class для идентификации элементов
  • id для идентификации уникального элемента
  • style - записать CSS в элементе
...