IE9背景图像出现一个白色像素 :(

3

这是我的网站。

http://www.forid.ir

虽然不是英语,但我的问题仅与搜索框有关(它具有图标且很明显)。

关于搜索框中的曲线,如果您使用的浏览器不是IE9,则可以看到一切正常工作(包括IE8-)。

但是,如果您使用IE9,则右上角会有一个白色像素,我不知道是什么原因导致IE表现出这种行为:(

在两个角之间,我有一个带有适当边框的输入框,我已经尝试了很多可能性,但都没有解决。最后的选择是忘记曲线并为整个输入框背景使用图像。

这是我使用过的最糟糕的英语!非常抱歉,很难解释。


有趣的是,如果您移除明确的宽度或缩放浏览器视图,则像素会消失。 - Joey
尝试为search_form设置outline:none;margin: 0;padding: 0;float:right;。 - Jay
@Jay,我尝试了但没成功。 - shampoo
@Joey 是的..我真的不理解IE9.. - shampoo
其他浏览器也有类似晦涩难懂的错误。 - Joey
1个回答

0

问题似乎与direction: rtlbody上有关。至少,当我将其切换关闭时,问题消失了。

由于缺乏更好的想法,您可以使用条件注释来修复它:

<!--[if IE 9]>
<style>
#sr_right {
    margin-left: -1px;
}
</style>
<![endif]-->

虽然我们欢迎新的想法,但这个已经很好了,谢谢。感谢您的知识,我不知道边距可以是负数。 - shampoo
1
不客气。如果这个答案足够好,你可以接受它。如果将来有更好的答案出现,你也可以选择接受那个答案。 - thirtydot
请注意,条件注释在IE10中停止工作,我猜渲染引擎在这方面也不会有改变。 - Joey

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接