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='http://www.coding123.net/logo.jpg',sizingMethod='scale');">
<a href="http://www.coding123.net">编程设计网</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='http://www.coding123.net/logo.jpg',sizingMethod='scale');">
<a href="http://www.coding123.net" style="position:relative">编程设计网</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开发网
阅读(268)喜欢(1)不喜欢(0)HTML/CSS兼容/XML