900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 如何在div中设置背景图片并且自适应div大小

如何在div中设置背景图片并且自适应div大小

时间:2019-02-11 07:24:12

相关推荐

如何在div中设置背景图片并且自适应div大小

参考如下代码,设置背景图片的大小为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%的时候

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。