Question

我遇到了Sublime Text 2的问题，我想知道是否有人可以提供帮助。

我最近购买了该程序的许可证，但无论何时我将背景图像放入CSS（也与SASS相同），似乎没有任何效果。

我已经在下面添加了HTML和CSS，我对Sublime Text很新，所以我完全确定问题是什么。

任何帮助都将不胜感激。

HTML：

<html>
<head>
    <title>Does Sublime Text 2 CSS Work?</title>
    <link rel="stylesheet" type="text/css" href="/css/stylesheet.css">
<body>
    <h1>Hello World!</h1>
</body>
</html>

CSS：

body {
    background-image:url('/img/background.jpg');
    background-size:cover;
}

提前致谢。标记

Answer 1

我假设您的图片路径应为：

background-image : url('../img/background.jpg');

这就是为什么你的图像没有出现的原因，你需要到达文件夹的根目录然后输入“img”文件夹来获取图像。

另外，如果您的文件夹是这样的：

MAINFOLDER：

的index.html

css：

stylesheet.css中

img：

background.jpg

您的样式表路径应为：

<link rel="stylesheet" type="text/css" href="css/stylesheet.css">

希望这会有所帮助。欢呼声。

Answer 2

我的猜测是图像不在样式表的正确相对路径中。如果您的CSS文件位于您的网络根目录下的文件夹中，例如http://example.com/css/site.css，则浏览器将在http://example.com/css/bg-img.jpg处查找背景图片...这将是一个非常奇怪的地方放置它

尝试在css中放置文件的完整路径......如下所示：

body{
background-image: url('/background.jpg');
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

（并确保thebackground.jpg实际上存在/ images /，当然！）

CSS不适用于Sublime Text 2

2 个答案: