css - 为什么外部 CSS 样式表的位置很重要?

标签 css image

我是一名初级程序员,看过一些资源,但我不明白为什么外部 css 样式表的位置很重要。例如,分别更改文件的链接和文件的位置,将决定图片是否加载:

css 中的简单一行:

body {
    background: url(./images/test.jpg) center center fixed no-repeat;
}

这将加载图片:

<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

这不会:

<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />

为什么?

最佳答案

这是因为您的css 文件夹中没有images 文件夹。它是相对于 css 文件,而不是 html 文件。

你可以这样修复:

body {
    background: url(../images/test.jpg) center center fixed no-repeat;
}

这首先进入根目录,然后进入图像文件夹。

然后你可以使用你的 css 行:

<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />

关于css - 为什么外部 CSS 样式表的位置很重要?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11944650/

相关文章:

javascript - 改变动画播放状态的脚本

css - 选择一个 anchor (<a>) 和一个具有相同 :target 的 ID-ed div

css - 百分比布局在 IE6 中不相加

CSS:非常简单的图片库

image - 将图像插入标签

html - 如何在宽度为 60% + 40% 的两个元素之间添加空间?

html - 无法在 CSS 中选择 div 内的图像以对其应用样式

图像缩放悬停缩小容器

html - 链接可点击区域大于其图像

CSS/HTML - 如何让文本位于 div 中的图像后面