这张图片至少在 24“ 的普屏显示器才能全部显示(按F11进入全屏后……),而你那分辨率顶多也就是 13”~19“ 的宽屏本本或台式显示器。
@,咋说个好呢,也就是说,背景不是全部被显示才没白边,而是超过屏幕宽度被切掉才没白边。
这样说应该明了吧。
我机是 17” 1024*768 的普屏,那网站第一次进去时,俺都不知道左右两边竟然都有个人物,把浏览器缩放到 60% 时才完全显示背景。
嘛嘛,这种也是常见的铺屏方式,大多游戏站也是这样。
最后一个的话,用IMG,作背景,只要设置好层的顺序就行了 (z-index)
查了一下CSS3的背景,如果你非要这样铺的话,那么也可以用
background-size
这属性
值:
contain (等比缩小铺满横向屏幕,大图用)
cover (拉伸铺满全屏,非等比,小图用)
100px 100px (自定义大小,可用百分比)
可以先用js获取页面窗口大小,然后再调用不同的背景css样式就看具体需求了,或者说是对背景的理解上
几年前做过类似的应用,思路跟这差不多。
1.将body归零,margin,padding,overflow等
2.设定一个<img>引入背景src (根据实际需要静态或者动态设定尺寸)
3.建立一个div作为新的内容容器,以替代body
最后根据需要,写一段JS,随意更改拉伸、平铺、居中等模拟桌面效果,以及替换背景图片或者颜色,配合其他皮肤样式的切换以及用户自定义桌面,效果更佳