【问题标题】:IE9 background image 1 white px :(IE9 背景图片 1 白色像素 :(
【发布时间】:2012-05-10 18:40:31
【问题描述】:

这是我的网站

http://www.forid.ir

这不是英文,但我的问题只是关于搜索框(它有一个图标并且很明显)

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

但是如果你使用 IE9,在右上角有一个白色像素,我不知道是什么原因导致 ie 表现得像这样:(

在拐角之间我有一个具有适当边框的输入我尝试了很多可能性但它不起作用最后一个选项是忘记曲线并为整个输入背景制作图像。

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

【问题讨论】:

  • 有趣的是,如果您删除显式宽度或缩放浏览器视图,像素会消失。
  • 尝试设置大纲:无;边距:0;填充:0;浮动:对;对于 search_form
  • @Jay 我试过没用
  • @Joey 是的 .. 我真的不懂 IE9 ..
  • 好吧,其他浏览器也有类似的晦涩难懂的错误。

标签: html css internet-explorer internet-explorer-9 rounded-corners


【解决方案1】:

问题似乎与body 上的direction: rtl 有关。至少,当我关闭它时,问题就消失了。

如果没有更好的想法,您可以使用conditional comment 解决它:

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

【讨论】:

  • 虽然新想法受到赞赏,但这个工作很好,谢谢。谢谢你的知识,我不知道保证金可以是负数。
  • 不客气。如果它足够好,你能accept this answer吗?如果将来出现更好的答案,您可以接受。
  • 请注意,条件 cmets 在 IE10 中停止工作,我猜渲染引擎在这方面不会改变。
猜你喜欢
  • 2019-12-13
  • 1970-01-01
  • 1970-01-01
  • 2015-07-28
  • 1970-01-01
  • 2013-01-11
  • 1970-01-01
  • 2015-08-16
  • 2010-11-02
相关资源
最近更新 更多