background-image Свойство Css не работает - PullRequest
Новая
       7

background-image Свойство Css не работает

0 голосов
/ 12 января 2020

каталог:
index. html
Изображения
(внутри папки с изображениями) Lo go .png
CSS 

.landing-page_logo{
    display: block;
    background-image: url("Images/Logo.png");
    width: 300px;
    height: 300px;
    background-size: cover;
}
<section class="landing-page">
  <div class="landing-page_logo">

  </div>
  <h3>Welcome</h3>
  <h4>This is ......</h4>
  <div>
    Animated Text header
  </div>
</section>

Изображение в правильной папке. Пробовал использовать тег <img>, и это сработало. Но тег background-image не работает

Ответы [ 2 ]

2 голосов
/ 12 января 2020

Если у вас есть изображения в папках, попробуйте следующее background-image: url (/resources/Images/Logo.jpg); не забудьте поставить backsla sh перед первой папкой.

1 голос
/ 12 января 2020

Убедитесь, что вы включили ссылку на таблицу стилей * 1007. *

Ваш html должен выглядеть примерно так: 

<html>

<head>
    <link rel="stylesheet" href="style.css" />
</head>

<body>

    <section class="landing-page">
      <div class="landing-page_logo"></div>
      <h3>Welcome</h3>
      <h4>This is ......</h4>
      <div>
        Animated Text header
      </div>
    </section>

</body>

</html>

Конечно, обязательно измените стиль. css 'к вашему css имени файла.

...