欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

相关标签: css