не могу понять, как определить фоновую веб-страницу URL - PullRequest
0 голосов
/ 16 марта 2020

Я пытаюсь сделать изображение и повторить его в верхней части моей веб-страницы, но я даже не могу его отобразить. Я не могу понять, как правильно указать URL.

Мне нужны одинарные кавычки вокруг имени сайта.

<!DOCTYPE html>
<html>
<head>
<style> 
html { 
  background: url(fromthehartle.freeservers.com/images/CatTopBorder.gif) no-repeat center fixed; 
  background-size: cover;
}

body { 
 color: white; 
}
</style>
</head>
<body>


<p>sample text</p>

</body>
</html>

Ответы [ 3 ]

1 голос
/ 16 марта 2020

Мне не удалось показать ваш GIF, возможно, потому что он не по https. Я повторно загрузил изображение на сервер, который поддерживает https. Вам нужно удалить белый цвет с тела, иначе вы не сможете увидеть свой текст

<html> 
<head>
    <style>     
        html {
            background-image: url("https://i.ibb.co/bK2yczN/cat.png");
            background-size: cover;
        }
    </style>
</head>  
<body> 
    <p>sample text</p>
</body>
</html>
0 голосов
/ 16 марта 2020
<!DOCTYPE html>
<html>
<head>
<style> 
.header { 
   background-image: url("http://fromthehartle.freeservers.com/images/CatTopBorder.gif");
   height:100px;
}

body { 
 color: white; 
}
</style>
</head>
<body>
<div class='header'>

<p>sample text</p>

</body>
</html>
0 голосов
/ 16 марта 2020

использование

   background-image: url("http://fromthehartle.freeservers.com/images/CatTopBorder.gif");

в css

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