zarkfx又来了,用"bgimage"实现平铺背景图

2013-04-21 20:21:38 +08:00
 sdjl
有时候, 我们需要一张图片作为背景平铺整个网页,但希望无论浏览器的尺寸如何,都能铺满浏览器,且又尽可能的完整显示, 而且还不能让图片变形!

可以先访问一下这个样例, 拖动你的浏览器改变尺寸看看
http://zarkfx.com/_static/demo/bgimage/full.html



当然, 也可以用于普通div的背景图,比如你的页面中有一个100x100的div,但是里面的图片尺寸比较乱, 此时用bgimage可得到一个较好的显示效果

关于"bgimage"的更多样例见: http://zarkfx.com/auto_gen/bgimage.html




还不知道zarkfx? 可以看看这个帖子 http://v2ex.com/t/64788
3200 次点击
所在节点    程序员
5 条回复
iZr
2013-04-21 20:23:51 +08:00
这个技术可以.
squallsdjl
2013-04-21 20:24:57 +08:00
@iZr 楼上的icon不错~
sdjl
2013-04-21 20:40:43 +08:00
@squallsdjl 不要歪楼, 楼下的忽略此人~~~~
sdjl
2013-04-21 20:42:47 +08:00
忘记说了, 使用此功能只需先引用zarkfx.js 然后给你的<img>标签加上 fx="bgimage[wrapper=body]" 这个属性就ok了~~~
tonysheart
2013-04-22 10:33:29 +08:00
有点受不了那闪动的scrollbar.....

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/66521

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX