css - 在外部样式表中不显示背景图像

标签 css image background

不知道发生了什么,但由于某种原因,在外部样式表中链接时我的背景图像没有显示。

示例 1:(工作)

<html>
<head>
    ...
</head>
<body style="background: url(images/image.jpg);">
    ...
</body>
</html>

示例 2:(非工作 - 外部 css 文件)

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

当/如果我使用第一个示例时显示图像,但是当我使用第二个示例时不显示图像。

有什么建议吗?提前谢谢你...

最佳答案

存储外部 CSS 文件的目录可能与放置内联样式的页面目录不同。您可能需要以斜线开始您的路径。

url(/images/image.jpg)

或者返回一个像

这样的目录
url(../images/image.jpg)

关于css - 在外部样式表中不显示背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12831558/

相关文章:

html - 如何在 twitter-bootstrap 网格表中隐藏太长的文本?

jquery - CSS 选项卡菜单问题

C++ WINAPI 设置窗口背景图像不起作用

java - 删除生成 PDF 时 @page CSS 选择器的不一致 Flyingsaucer 默认填充

html - 如何激活 Bootstrap 模式下一个和后退按钮

image - R:哪个热图/图像可以获得没有任何树状图的行排序图?

css - UL 的鼠标悬停事件

java - 无法从文件 Java.Using Netbeans 读取图像

javascript - 如何为所有选项卡设置相同的背景图片? ( react native )

android - 如何更改 Android 2.3 的选项菜单背景?