当前位置: 代码迷 >> Web前端 >> 网页背景图拉伸的简便步骤
  详细解决方案

网页背景图拉伸的简便步骤

热度:291   发布时间:2012-11-16 14:12:14.0
网页背景图拉伸的简便方法
近日在做一个webbroswer的应用。需要一个背景图,在body属性内只有简单的几个可控制,要么平铺,要么居中,居左居右等。我想要一个小图,自动拉伸到浏览器的宽和高。

在网上找了一下相关代码,说是只能用层来实现,不理想,最后找到一个用css滤镜实现的方法,比较简洁,现贴出来给需要的朋友参考:

<BODY style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='$apppath$imgcha.gif',sizingmethod='scale')">

src为背景图片路径,复制上述代码即可实现背景图片拉伸的效果了。当然,拉伸的图片可能会变形。

这样做有个不好的地方就是放在图片背景上的按钮了什么的控件都不能用了!正在解决!


  相关解决方案