CSS|div的style=“background-image: url(img/a.bmp)图片显示不出来
程序员文章站
2022-03-03 19:55:37
div的style="background-image: url(img/a.bmp)图片显示不出来首先我的div设置成240x160 px,但是原图是800x480 px代码如下,然后网页什么也没显示... ...
div的style="background-image: url(img/a.bmp)图片显示不出来
- 首先我的div设置成240x160 px,但是原图是800x480 px
代码如下,然后网页什么也没显示
<style>
.item{
width:240px;height:160px;
}
</style>
... ...
<div class="item" style="background-image: url(img/a.bmp);>
</div>
- 接着我百度查到解决方法(https://zhidao.baidu.com/question/466527811.html)
原来背景图不能自适应容器大小,还要设置
backgroud-size:cover;(contain/50%/240px 160px)
修改代码如下
<style>
.item{
width:240px;height:160px;
}
</style>
... ...
<div class="item" style="background-image: url(img/a.bmp);
background-size:cover">
</div>
最后成功解决问题。因为图片太大,div设置太小,所以图片显示不出来,或者只显示一部分。
本文地址:https://blog.csdn.net/qq_42403503/article/details/107394804
推荐阅读
-
Ai怎么绘制圆形参考线 Ai创建圆形参考线的教程
-
ps怎么制作渐变融合效果的海报? ps渐变海报的做法
-
总结C#处理异常的方式
-
检索 COM 类工厂中 CLSID 为 {000209FF-0000-0000-C000-000000000046} 的组件时失败,原因是出现以下错误: 80070005 拒绝访问
-
超实用的在线作图工具,效率提升100%!
-
java中Memcached的使用实例(包括与Spring整合)
-
CSDN-markdown编辑器怎么设置图片大小 图片居中
-
package.json与package-clock.json的区别
-
对python中的six.moves模块的下载函数urlretrieve详解
-
科技行业的窘境:经济复苏而科技业却步履蹒跚 活动英特尔