background-image：url（“images / plaid.jpg”）no-repeat; 不会出现

我似乎无法在我的任何页面上制作我的plaid.jpg背景，更不用说所有这些了，我已经尝试通过body，html，*，“home”的特定id来选择它。 什么都行不通 图像为300 x 421像素。 我不需要它显示漂亮，我只是希望它出现在一切背后。 我的css怎么看这个？ plaid.jpg图片位于我的images文件夹中与index.html文件位于同一目录中。 此链接位于index.html文件的顶部。 我的样式表位于名为mystyles.css的样式表文件夹中。

在我看来，我试图以可想象的方式改变我的.CSS文件。 前30个谷歌搜索结果“背景图像没有显示”，但没有一个工作。 我知道这可能很简单。

mystyles.css是最基本的forms，没有选择器。

  background-image: url("images/plaid.jpg") no-repeat; 

的index.html

    
 
 
Home
 Info 
 
 
 Blog Videos Photos Tweets 
 
  
 

这不成功

 body { background-image: url("/images/plaid.jpg"); background-repeat: no-repeat; } 

这也是我的意思

       <!---->      

Answer 1

你要么使用：

 background-image: url("images/plaid.jpg"); background-repeat: no-repeat; 

… 要么

 background: transparent url("images/plaid.jpg") top left no-repeat; 

……但最终没有

 background-image: url("images/plaid.jpg") no-repeat; 

编辑 ：使用绝对路径在JSFIDDLE演示（如果你有相关路径引用图像的麻烦）。

Answer 2

最重要的

请记住，相对URL是从样式表的URL中解析出来的。

因此，如果文件夹images位于stylesheets文件夹中，它将起作用。

根据您的描述，您需要将其更改为

 url("../images/plaid.jpg") 

要么

 url("/images/plaid.jpg") 

---

附加1

你也不能没有选择器..

CSS通过选择器应用..

---

附加2

您应该使用速记background来传递多个这样的值

 background: url("../images/plaid.jpg") no-repeat; 

或者自己指定每个属性的详细语法

 background-image: url("../images/plaid.jpg"); background-repeat:no-repeat; 

Answer 3

如果这真的是你的CSS文件中的所有内容，那么是的，什么都不会发生。 你需要一个选择器，即使它像body一样简单：

 body { background-image: url(...); } 

Answer 4

试试这个：

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

jsfiddle示例： http ： //jsfiddle.net/Q9Zfa/

Answer 5

您可以使用两种方式进行调试：

1. 按CTRL + U查看页面源。 按CTRL + F在源代码中找到“mystyles.css”。 单击mystyles.css链接并检查它是否显示“404 not found”。

2. 您可以检查ELBUG中的元素并将路径设置为图像，设置图像高度和宽度，因为有时图像不会显示。

希望这可能有用!!

Answer 6