这是一个创建于 4225 天前的主题，其中的信息可能已经有所发展或是发生改变。
有时候， 我们需要一张图片作为背景平铺整个网页，但希望无论浏览器的尺寸如何，都能铺满浏览器，且又尽可能的完整显示， 而且还不能让图片变形！
可以先访问一下这个样例， 拖动你的浏览器改变尺寸看看
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
可以先访问一下这个样例， 拖动你的浏览器改变尺寸看看
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
第 1 条附言 · 2013-04-21 20:53:33 +08:00
使用此功能只需先引用jquery.js和zarkfx.js 然后给你的<img>标签加上 fx="bgimage[wrapper=body]" 这个属性就ok了， 比如:
<img src="..." fx="bgimage[wrapper=body]" />
<img src="..." fx="bgimage[wrapper=body]" />
 |
1
iZr 2013-04-21 20:23:51 +08:00
这个技术可以.
|
 |
2
squallsdjl 2013-04-21 20:24:57 +08:00
@iZr 楼上的icon不错～
|
 |
3
sdjl OP @squallsdjl 不要歪楼， 楼下的忽略此人~~~~
|
|
4
sdjl OP 忘记说了， 使用此功能只需先引用zarkfx.js 然后给你的<img>标签加上 fx="bgimage[wrapper=body]" 这个属性就ok了~~~
|
 |
5
tonysheart 2013-04-22 10:33:29 +08:00
有点受不了那闪动的scrollbar.....
|
Select Language