当前位置： 移动技术网 > IT编程>网页制作>CSS > CSS|div的style=“background-image: url(img/a.bmp)图片显示不出来

CSS|div的style=“background-image: url(img/a.bmp)图片显示不出来

2020年07月17日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网