如果通过div嵌入,那么将此div设置成绝对定位,z-index:-1;可以先用js获取页面窗口大小,然后再调用不同的背景css样式
就看具体需求了,或者说是对背景的理解上
几年前做过类似的应用,思路跟这差不多。
1将body归零,margin,padding,overflow等
2设定一个<img>引入背景src (根据实际需要静态或者动态设定尺寸)
3建立一个div作为新的内容容器,以替代body
最后根据需要,写一段JS,随意更改拉伸、平铺、居中等模拟桌面效果,以及替换背景或者颜色,配合其他皮肤样式的切换以及用户自定义桌面,效果更佳
首先看你的背景大小,如果很大的话,一般情况下很多显示器都会显示的合适。
如果是想适应移动设备的,用一个CSS3属性
background-size:cover;就可以了,可以将背景图根据窗口大小铺满整个浏览器窗口。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)