网页背景图片的拉伸

方法一：用css滤镜，问题是只支持IE5.5以上版本<br /><br />方法二：用两个层，一个放图片，用<img>，为底部层；<br />           另一个作页面显示层。<br /><br />建议用方法 <p><html><br /><head><br /><title>西狐测试</title><br /></head><br /><body STYLE="filter:progid

XImageTransform.Microsoft.AlphaImageLoader(src='hooyesbg.gif', sizingMethod='scale');" ><br />测试一下网页背景拉伸

<br /></body><br /></html></p><p>实际使用后，发现有个需要注意的地方——使用AlphaImageLoader滤镜后，图片区域内的链接与按钮都将会失效，解决的办法是使用其他元素放置链接与按钮，浮动在该元素之上。</p><p>由于是png透明图,并且使用AlphaImageLoader可以实现图片的缩放,所以采用AlphaImageLoader;代码如下:</p><p>以下代码中,使用了AlphaImageLoader后,css中的cursor,超级链接,onclick事件等都失效了;;;<br /><script language=javascript><br />function tests(){<br />alert(event.srcElement.outerHTML);<br />}<br />document.body.attachEvent("onclick",tests);<br /></script></p><p><style type="text/css"><br />#idDiv{left:140px; height:400; <br />width:400;<br />filter:progid

XImageTransform.Microsoft.AlphaImageLoader(src='../images/back/db-0.png',sizingMethod='scale');<br />background-image:none;<br />}<br /></style><br /><div id='idDiv'><br /><table><br /><tr><br /><td style='cursor:hand;color:red'><a href='http://www.sohu.com'>超链接不能用了</a></td><br /></tr><br /><tr><br /><td style='cursor:hand;color:red' onclick='alert(11)'>click不能用了</td><br /></tr><br /></table><br /></div></p><p>这个问题郁闷我好久,终于找到了一个解决办法,共享代码,如下:</p><p>在<table标记中加入style='position:absolute' 或position:relative 就可以解决该问题</p><p>具体代码如下:</p><p><script language=javascript><br />function tests(){<br />alert(event.srcElement.outerHTML);<br />}<br />document.body.attachEvent("onclick",tests);<br /></script></p><p><style type="text/css"><br />#idDiv{left:140px; height:400; <br />width:400;<br />filter:progid

XImageTransform.Microsoft.AlphaImageLoader(src='../images/back/db-0.png',sizingMethod='scale');<br />background-image:none;<br />}<br /></style><br /><div id='idDiv'><br /><table style='position:relative'><br /><tr><br /><td style='cursor:hand;color:red'><a href='http://www.sohu.com'>超链能用了</a></td><br /></tr><br /><tr><br /><td style='cursor:hand;color:red' onclick='alert(11)'>click能用了</td><br /></tr><br /></table><br /></div></p><p><br /> </p><p>［此帖子已被灰儿在 2007-12-20 10:44:30 编辑过］