无法弄清楚如何指定背景网址网页

问题描述 投票:-2回答:3

我正在尝试拍摄图像,并在网页顶部重复显示,但我什至无法显示它。我不知道如何正确指定网址。

<!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>
html css url web
3个回答
-1
投票

使用

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

在CSS中


-1
投票
<!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>

-1
投票

我无法显示您的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>
© www.soinside.com 2019 - 2024. All rights reserved.