CSS 图像未在 Sublime Text 2 中显示
[英]CSS image not showing in Sublime Text 2
问题描述
我最近购买了该程序的许可证，但是每当我将背景图像放入 CSS（对于 SASS 也是如此）时，似乎没有任何效果。
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;
}
2 个解决方案
解决方案1
2 2015-04-16 18:50:48
我认为您通往图片的路径应为：
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">
希望这可以帮助。 干杯。
解决方案2
0 2015-04-16 18:26:56
我的猜测是图像不在样式表的正确相对路径中。 如果您的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 */
}
（当然，请确保background.jpg实际上位于/ images /中！）
解决方案3
0 2022-01-14 21:26:58
我已经正确编写了路径，但 css 仍然无法正常工作。
<link rel="stylesheet" type="text/css" href="css/work.css"
CSS精灵图片无法正确显示文字
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.