gpt4 book ai didi

html - 什么会导致 css background-image 属性不显示图像,而 HTML 会毫无问题地显示它?

转载 作者:行者123 更新时间:2023-11-28 12:52:28 25 4
gpt4 key购买 nike

我有这张图片:

enter image description here

我正尝试将其作为背景图像添加到网页中——仅用于测试目的。

我设置了尽可能简单的 HTML 文件:

<!DOCTYPE html> 
<html lang="en">
<head>
<title>
My CSS Test Page
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/mycss.css">
</head>
<body>
<h1>Hello World!!</h1>
</body>
</html>

然后将其与此 css 链接:

body {
background-image: url("trail.jpg");
}

而且...它不起作用。

然后我用单引号试了一下,然后没有引号..仍然是同样的问题。什么都没有出现。然后我想也许图像以某种方式损坏了。所以我添加了一个 img 标签:

<!DOCTYPE html> 
<html lang="en">
<head>
<title>
My Css Test Page
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/mycss.css">
</head>
<body>
<h1>Hello World!!</h1>
<img src="trail.jpg">
</body>
</html>

显示没有任何问题。

然后我想可能是链接问题。所以我嵌入了 css.:

<!DOCTYPE html> 
<html lang="en">
<head>
<title>
My Css Test Page
</title>
<style>
body {
background-image: url("trail.jpg");
}
</style>
<meta charset="utf-8">
<link rel="stylesheet" href="css/mycss.css">
</head>
<body>
<h1>Hello World!!</h1>
<img src="trail.jpg">
</body>
</html>

运气不好。

那我错过了什么?

最佳答案

您可能需要考虑在您的 css 中提供包含此图像的文件夹的路径-


body {
背景图片:url('../img/test.jpg');
}

关于html - 什么会导致 css background-image 属性不显示图像,而 HTML <img> 会毫无问题地显示它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16827609/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com