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

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 4780 days ago, the information mentioned may be changed or developed.

有时候，我们需要一张图片作为背景平铺整个网页，但希望无论浏览器的尺寸如何，都能铺满浏览器，且又尽可能的完整显示，而且还不能让图片变形！

可以先访问一下这个样例，拖动你的浏览器改变尺寸看看
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

Supplement 1 · Apr 21, 2013

使用此功能只需先引用jquery.js和zarkfx.js 然后给你的<img>标签加上 fx="bgimage[wrapper=body]" 这个属性就ok了，比如:

<img src="..." fx="bgimage[wrapper=body]" />

bgimage

浏览器

背景图

5 replies • 1970-01-01 08:00:00 +08:00