javascript - 为什么这段代码不显示背景图片?

标签 javascript html css

我的 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 的正确路径。

最佳答案

您需要指定要为其提供特定 CSS 属性的元素,例如 htmlbody.class#编号

body {
   /*for setting background image*/
   background-image: url('http://lorempixel.com/400/200/sports/1/'); 
   background-attachment: fixed 
}

这是工作的链接fiddle .

关于javascript - 为什么这段代码不显示背景图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41342356/

相关文章:

css - 想通过父元素覆盖子元素的 css 属性

javascript - 可以修改此脚本以使其切换到页面的链接吗?

javascript - 在Firebase云函数中获取增量快照中的增量

javascript - 使用 fabric.js 在 Canvas 上自由绘图

javascript - 类型错误 : app. use() 需要中间件

javascript - 为什么不检查正确的值? (Javascript/HTML)

android - Android : what to do with low devicePixelRatio devices: tablets, 智能手机等网站?

html - 当我们从另一个页面重定向到它时,页面没有顶部对齐

php - "visibility:hidden;"不适用于 TCPDF

css - 如何使用 CSS 在另一个图像之上显示图像(透明)