如何让背景图片自适应网页的大小?

如何让背景图片自适应网页的大小?,第1张

如果通过css设置背景图,那么尺寸要足够大,目前大宽屏1920左右,所以宽度最好设置为1920,然后居中;
如果通过div嵌入,那么将此div设置成绝对定位,z-index:-1;

可以先用js获取页面窗口大小,然后再调用不同的背景css样式
就看具体需求了,或者说是对背景的理解上
几年前做过类似的应用,思路跟这差不多。
1将body归零,margin,padding,overflow等
2设定一个<img>引入背景src (根据实际需要静态或者动态设定尺寸)
3建立一个div作为新的内容容器,以替代body
最后根据需要,写一段JS,随意更改拉伸、平铺、居中等模拟桌面效果,以及替换背景或者颜色,配合其他皮肤样式的切换以及用户自定义桌面,效果更佳

首先看你的背景大小,如果很大的话,一般情况下很多显示器都会显示的合适。

如果是想适应移动设备的,用一个CSS3属性

background-size:cover;

就可以了,可以将背景图根据窗口大小铺满整个浏览器窗口。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13283209.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-07
下一篇 2023-07-07

发表评论

登录后才能评论

评论列表(0条)

保存