参考如下代码,设置背景图片的大小为100% 100%并且设置no-repeat
这样图片就能在div改变的情况下,仍然显示完全
<!DOCTYPE html><html><head><style>#a {background-color: rgb(255, 208, 0);background-image: url("1.png");background-size: 100% 100%;background-repeat: no-repeat;position: absolute;padding: 0px;width: 100%;height: 15%;top: 0;left: 0;}</style></head><body><!--height和width只是设置标签的大小,标签的距离通过top和left属性设置absolute相对于已经定位包含关系最近的祖先元素(body相对于网页)relative则是相对于元素自身正常的初始位置而言,也就是理论上正常的位置而言--><div id="a"></div></body></html>
这是div高度为15%的时候
div高度为10%的时候