本文目录
- 为div设置背景图片后,为什么不显示背景图片
- css的background-image图像显示不出来的原因
- Css设置背景图片不显示的问题
- background url 插入图片 显示不出来,HTML文件与图片、音频同在一个文件夹下,求大神帮忙
为div设置背景图片后,为什么不显示背景图片
没听说过div还要设置display:block,div中不需要display:block.
原因:1、编码错误,即代码编写没有按照规范,属性名写错。
2、图片路径不对。
3、使用background来实现背景图片,可能因为图片太大或者太小,显示出来的图片只有一部分,二者一部分刚好是透明的,造成没有图片的效果,因此必须设置background-size来控制图片的显示。
4、背景图片调用方式不对,不能使用本地路径。
将hanshan.png和当前页面放在一个目录,则直接写成这样:
#cuyu {background-image: url(hanshan.png);height: 500px;width: 1000px;}
或者将hanshan.png放在images目录,保证当前页面和images在同一级目录,则样式为:#cuyu {background-image: url(images/hanshan.png);height: 500px;width: 1000px;}
扩展资料:
DIV格式使用方法的注意事项:
《div》 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 《div》 固有的特定的格式表现。可以通过 《div》 的 class 或 id 应用额外的样式。
不必为每一个 《div》 都加上类或 id,虽然这样做也有一定的好处。
可以对同一个 《div》 元素同时应用 class 和 id 属性,但是更常见的情况是只应用其中一种。
这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的特定的元素。
参考资料来源:百度百科-DIV
css的background-image图像显示不出来的原因
可能的原因有以下几点:
图片路径有误,导致无法加载图片
图片格式浏览器不支持,如图片是webp格式的,但用户使用的是低版本的浏览器,无法识别webp格式的图片
图片已损坏,损坏的图片无法被打开
图片并非自己的资源,采用其他站点的图片,而对方站点做了防盗链处理,返回了错误的状态码,如返回403
设置了background-position,但数值设置的不正确,导致图片没有出现在正确的位置
对应的解决方法:
更正图片的路径,将图片地址放到浏览器地址栏中,看能否访问
使用兼容性好的图片格式,如jpg、png
替换成正常的图片
将其他网站上的图片保存到自己站点中
设置正确的background-position
Css设置背景图片不显示的问题
1、打开html开发软件,新建一个html代码页面。
2、在html代码页面的《body》标签里面输入多行段落文字,用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。
3、设置背景图片样式。在《title》标签后面创建一个《style》标签,然后在这个标签里设置《body》标签的背景图片,以及背景图片不重复。
4、保存html代码后使用浏览器打开,这个时候滚动浏览器滚动条发现背景图片是随浏览器滚动条的滚动而滚动的。
5、使用background-attachment: fixed设置背景图片不随滚动条而滚动。回到html代码页面,在body样式中添加上background-attachment: fixed即可。
6、保存html代码页面后刷新浏览器,这个时候滚动浏览器滚动条发现背景图片已经固定不随浏览器滚动而滚动了。
background url 插入图片 显示不出来,HTML文件与图片、音频同在一个文件夹下,求大神帮忙
如果按上图目录所示,HTML文件与图片、音频同在一个文件夹下,路径应为:
“./3.jpg“ 或 “3.jpg“
“./pf.mp3“ 或 “pf.mp3“
“./pf2.jpeg“ 或 “pf2.jpeg“
楼主所贴代码中的 “divcheshi/pf2.jpeg“ 表示下图这种情况
“..mp3/pf.mp3“ 的写法可能错误的,可能为 “../mp3/pf.mp3“,表示下图这种情况