Html 无法确定如何指定背景url网页
我试图拍摄一张图片,并在我的网页顶部重复它,但我甚至无法让它显示出来。我不知道如何正确指定url 我需要单引号围绕网站名称Html 无法确定如何指定背景url网页,html,css,Html,Css,我试图拍摄一张图片,并在我的网页顶部重复它,但我甚至无法让它显示出来。我不知道如何正确指定url 我需要单引号围绕网站名称 <!DOCTYPE html> <html> <head> <style> html { background: url(fromthehartle.freeservers.com/images/CatTopBorder.gif) no-repeat center fixed; background-size:
<!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>
我无法显示你的GIF,可能是因为它没有通过https。我在支持https的服务器上重新上传了该图像。您需要从正文中删除白色,否则您将无法看到文本 html{ 背景图像:urlhttps://i.ibb.co/bK2yczN/cat.png; 背景尺寸:封面; } 示例文本
URL以http://或https://或其他一些在本例中不太可能相关的内容开头。投票以主题外的方式结束,因为问题本质上是一个打字错误。在正文上用白色背景覆盖背景图像也不会有帮助。@Quentin该URL上有资产的Web服务器未配置为支持https。话虽如此,我更新了我的答案以反映一个解决方案,但实际上您在答案周围添加了内容并使用了协议。这是修复它的原因,而不是HTTPS的问题,因为无论哪种方式,图像都很好-只是没有在一个和另一个上进行加密。@something这里的图像即使使用
<!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>