[阅读: 1661] 2008-11-26 03:40:45
网页背景图拉伸的简便方法
近日在做一个webbroswer的应用。需要一个背景图,在body属性内只有简单的几个可控制,要么平铺,要么居中,居左居右等。我想要一个小图,自动拉伸到浏览器的宽和高。
在网上找了一下相关代码,说是只能用层来实现,不理想,最后找到一个用css滤镜实现的方法,比较简洁,现贴出来给需要的朋友参考:
<BODY style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='$apppath$img\cha.gif',sizingmethod='scale')">
src为背景图片路径,复制上述代码即可实现背景图片拉伸的效果了。当然,拉伸的图片可能会变形。
——不过,这个办法会导致:鼠标点击网页一下后,原来在输入框的焦点立即消失,其实还在,但是不显示了,按tab才会重新显示。。。。。。。
——浏览器做这点事都这么费劲,想做一个好用的应用,怎么可能呢。。。。。也只是用户到了浏览器就会自动放宽要求罢了——就像很多用户改用java的系统后,自动放宽对响应速度的要求