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导致链接,输入框失效