HTML, CSS фон не отображается - PullRequest
0 голосов
/ 20 октября 2018

Это, вероятно, действительно глупый вопрос, но мой фон для моего nav div не показывает, я действительно не знаю проблемы с этим, файл css связан и работает с некоторыми элементами.

Свойства изображения Размер: 10 КБ -Глубина бита: 32 -Габариты: Ш: 300 В: 190 -Файл типа: png -Имя: Nav_Background

Чтоэто нужно сделать http://prntscr.com/l89oq0

Index.html

<!DOCTYPE html>
<html>
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">

   <title>Portfolio Template</title>

   <meta name="author" content="name">
   <meta name="description" content="description here">
   <meta name="keywords" content="keywords,here">
   <link rel="shortcut icon" href="favicon.ico" type="">
   <link rel="stylesheet" href="main.css" type="text/css">
 </head>
 <body>

   <div class="nav">

   </div>

   </div>
  </body>
</html>

main.css

                /*----------Global----------*/
            * {
                margin: 0;
                padding: 0;
                border: 0;
                outline: 0;
                font-size: 100%;
                vertical-align: baseline;
                background: transparent;
            }

            .clearfix::after{
            content: "";
            clear: both;
            display: table;
            }
            html{
                font-family: circular std, sans-serif;
                font-weight: 100;
            }
            body{
                width: 100%;
                margin: auto;
                background: white; /*Replace with background image
                background-position: top;
                background-size: cover;
                background-repeat: no-repeat;*/
            }

            /*----------Navigation----------*/
            .nav {
                background-image: url(images/Nav_Background.png);
                background-position: right top;
                background-size: 300px 191px;
                margin-top: 5px;
            }

1 Ответ

0 голосов
/ 20 октября 2018

<div class="nav"> (и если вы используете класс с именем nav, вам действительно следует спросить себя, следует ли вам вместо этого использовать элемент <nav>) нет содержимого или чего-либо еще, что могло бы придать ему высоту.

Без высоты нет пикселей для рисования фона.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...