Question

我的HTML代码 -

 <html> 
 <head> 
 <style type="text/css"> 
 { 
 /*for setting background image*/
 background-image: url('C:/Users/SONY/Desktop/CSS/images.jpg'); 
 background-attachment: fixed 
 } 
 </style> 
 </head> 
 </html>

此代码用于设置背景图像。但它没有显示出来结果。我没有创建两个文件。像一个CSS和另一个HTML文件。我已将这两个文件编译成一个。

为什么我无法看到背景图片？尽管给了 URL的正确路径。

Answer 1

您需要指定要为其提供特定CSS属性的元素，例如ZoneId.systemDefault()，html，body，.class。

#id

以下是工作fiddle的链接。

Answer 2

您正在将背景图像应用于任何类/ ID或任何html标记（如html，body等），或者您需要添加类或ID，或者需要将样式应用于内置标记。你可以试试这个

  <html> 
   <head> 
   <style type="text/css"> 
   html{ 
   /*for setting background image*/
   background-image: url('C:/Users/SONY/Desktop/CSS/images.jpg'); 
   background-attachment: fixed;
   } 
   </style> 
   </head> 
   </html>

希望这有帮助。

Answer 3

我认为你的代码在css文件夹下，所以该行应该是： background-image：url（'images.jpg'）;

Answer 4

Use this style in your code. If want to pick image from local computer.

<!DOCTYPE html>
<html>

<head>
    <style type="text/css">
        html {
            background-image: url(./images.jpg);
            background-attachment: fixed;
        }
    </style>

</head>

<body>

</body>

</html>

为什么这段代码没有显示背景图片？

4 个答案: