Question

我将样式表链接到我的基本html文件。

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

当我点击转到链接时，它会转到正确的文件。我可以改变背景颜色和所有其他边距。但是当我插入一个网址时，css似乎找到了图片，但没有加载到html，如果我点击预览非图像确实加载。

 picture {
 width: 984px;
 height: 148px;
 background-image:url(img/header.jpg/);

Answer 1

在标题标记下链接您的CSS而不是标题标记，因为标题标记指的是网站标题。

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

以及评论中提到的拼写错误，并确保您的目的地正确无误。]

p / s（拼写错误）

picture{
    background-image:url(img/header.jpg);
}

Answer 2

如下所示paste

中的代码html

<强> HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>TEST</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="etbplaza.nl/css/style_basic.css"; />
</head>
<body>
<div class="picture"> your code hre </div>
</body>
</html>

<强> CSS

.picture {
 width: 984px;
 height: 148px;
 background-image:url(img/header.jpg/);

Answer 3

这可能是一个错字：

picture {
 width: 984px;
 height: 148px;
 background-image:url(img/header.jpg/);

图片没有类或id选择器可能导致问题和/或可能尝试在引号内使用url('img/header.jpg');。或url('../img/header.jpg')但我们不知道图像的位置。

也试试这个：

检查元素
将鼠标悬停在路径上并查看是否存在正在加载的路径你的形象会显示在那里

See this technique

Answer 4

将background-image:url(img/header.jpg/);更改为background-image:url(img/header.jpg);同时确保/path/to/file正确无误，如果图片是div类，那么它就像你的css中的.picture

Answer 5

you have to use the css as in the form of class or id and try the code as

.picture {
 width: 984px;
 height: 148px;
 background-image:url(img/header.jpg);
}

or as id 

#picture {
 width: 984px;
 height: 148px;
 background-image:url(img/header.jpg);
}

surly you got the preview of the Image to your HTML page. 
Please check the path of css file is correct or not.

css找到图像，但无法将它们加载到预览中

5 个答案: