浏览器缩小拉伸，body背景图如何100%填充
答案:2 悬赏:0 手机版
解决时间 2021-01-26 06:20
- 提问者网友：原来太熟悉了会陌生
- 2021-01-25 22:04
浏览器缩小拉伸，body背景图如何100%填充
最佳答案
- 五星知识达人网友：归鹤鸣
- 2021-01-25 23:26
下面代码可以让css 实现body网页背景图片的拉伸效果 自动拉伸100%显示的代码，宽高自动填充。
全部回答
- 1楼网友：你可爱的野爹
- 2021-01-26 00:38
body {background:url(bg.jpg) top center no-repeat; background-size:cover;}
这样的话背景图片就会填充整个屏幕了
不过要说明的是，这是一个CSS3的属性，在很多浏览器里面都是不被支持的，你所希望的效果，目前来看，只有这个属性可以做到，否则就只能用一个足够大的图片做背景的方法来实现了。
另外 background-size:cover;还可以替换成 background-size:contain;使用cover的意思是把背景图片充满整个容器，而不考虑是不是可以看到完整的图片；使用contain的意思是在容器里完整显示图片，而不考虑容器是否被填满。
这样的话背景图片就会填充整个屏幕了
不过要说明的是，这是一个CSS3的属性，在很多浏览器里面都是不被支持的，你所希望的效果，目前来看，只有这个属性可以做到，否则就只能用一个足够大的图片做背景的方法来实现了。
另外 background-size:cover;还可以替换成 background-size:contain;使用cover的意思是把背景图片充满整个容器，而不考虑是不是可以看到完整的图片；使用contain的意思是在容器里完整显示图片，而不考虑容器是否被填满。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯