Microsoft.AlphaImageLoader导致链接,输入框失效

  IE浏览器下的AlphaImageLoader滤镜会导致该区域内的链接,按钮,输入框无法点击或者输入

  解决办法:为链接或按钮添加:position:relative样式使其相对定位

  提示:要使用Microsoft.AlphaImageLoader滤镜,需要添加xhtml申明,要不没效果。Microsoft.AlphaImageLoader滤镜讲解

 

测试代码1,没有增加position:relative,输入框无法输入获取焦点,,链接无法点击

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/logo.jpg',sizingMethod='scale');">
<a href="/">Web开发网</a>

<table width="546" border="0" cellpadding="0" cellspacing="0" height="100px">
       <tr class="tittr">
         <td > <form><input type="text" name="username"/></form></td>
       </tr>
</table>
</div>

测试代码2,输入框增加position:relative,输入框可以输入,链接可以点击。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/logo.jpg',sizingMethod='scale');">
<a href="/" style="position:relative">Web开发网</a>
<table width="546" border="0" cellpadding="0" cellspacing="0" height="100px">
       <tr class="tittr">
         <td > <form><input type="text" name="username" style="position:relative"/></form></td>
       </tr>
</table>
</div>

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:Microsoft.AlphaImageLoader导致链接,输入框失效

评论(0)Web开发网
阅读(518)喜欢(4)HTML/CSS兼容/XML