Question

这里的背景信息很少：我已经缩小了问题范围，但无法确定解决方案是什么。在IE6中，输入框不允许我使用鼠标选择它。

请到这里查看问题：http://www.malahatautoparts.com/business-application/

问题源于针对CSS背景的IE6修复。

#main{
 background-position:-9999px -9999px;
 filter: progid:dximagetransform.microsoft.alphaimageloader( src='http://www.malahatautoparts.com/wp-content/themes/malahat/images/bg-main.png', sizingmethod='crop');
}

如果我从我的IE6 css文件中删除它，输入框突然工作。关于我可以用来解决这个问题的任何想法？

Answer 1

<textarea>和<input>选择：在IE中没有实现selectionStart和selectionEnd，并且有一个专有的“范围”系统，另请参阅{{3} }。

另请参阅Caret position in textarea, in characters from the start，了解在IE浏览器中使用的Javascript / CSS失败的常见原因。其他浏览器（反之亦然）。

一些优秀的提示，以便您可以获得统一的外观和在所有浏览器中使用。

Answer 2

你所拥有的“少于IE 7”的条件评论甚至不适用于它应该在IE6中修复的PNG透明度：我看到透明角落区域周围的灰色背景。在IE7中，透明度本身可以在不加载样式表的情况下工作。

您在IE样式表中使用的方法依赖于alphaImageLoader过滤器，我怀疑该过滤器阻止了页面上HTML表单控件的顶部。

还有一种使用VML的替代方法：查看DD_BelatedPNG。我不是百分百肯定它是否会解决你的问题，但我会预感它，它比你现在使用的更清晰。

Answer 3

使用css和

#main{
 background-position:-9999px -9999px;
 filter: progid:dximagetransform.microsoft.alphaimageloader( src='http://www.malahatautoparts.com/wp-content/themes/malahat/images/bg-main.png', sizingmethod='crop');
 position: relative;
}

IE6输入框不起作用，如何修复？

3 个答案: