gpt4 book ai didi

javascript - CSS 背景图片不会显示

转载 作者:行者123 更新时间:2023-11-28 08:28:41 26 4
gpt4 key购买 nike

在我的生活中,我无法使用 CSS 获得一个简单的背景图像来显示。我有一个非常简单的 HTML 页面:

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>My Website</title>
<LINK href="./css/styles.css" rel=StyleSheet type="text/css">
</head>
<body>
<p>foo</p>
</body>
</html>

以及以下 CSS 页面:

body {
background:url('./images/myBackground.jpg');
}

但图像从未显示。我用谷歌搜索了一下,很多人似乎都遇到过同样的问题,但没有一个解决方案有效。我已经尝试了我能想到的所有 CSS 语法组合(背景、背景图像、无引号、单引号、双引号、斜杠、无斜杠等)——没有成功。我试过将图像放在与 HTML 页面相同的目录中——没有成功。我试过制作一个正方形 div 并将其背景设置为此图像 - 没有运气。我试过设置固定的高度和宽度——没有成功。

没有拼写错误,而且我知道图像没有任何问题,因为它使用 HTML 中的内联图像标记工作。 HTML 和 CSS 页面是链接的,因为我可以做类似的事情

p {
color: blue;
}

那行得通。我在这里错过了一些非常明显的东西吗?我可以内联完成,但我真的更喜欢使用 CSS,现在我只是出于固执和原则而想这样做。

最佳答案

你需要多加一个“.”在网址前面。

您现在链接到/css/images/mybackground。

如果你多加一个“.”在它前面,比如 ../images/myBackground(并像提到的那样添加扩展名)

它应该可以工作。 (至少在我重现你的情况时是这样。)

关于javascript - CSS 背景图片不会显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28395472/

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