我正在尝试拍摄图像,并在网页顶部重复显示,但我什至无法显示它。我不知道如何正确指定网址。
<!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>
使用
background-image: url("http://fromthehartle.freeservers.com/images/CatTopBorder.gif");
在CSS中
<!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>
我无法显示您的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>