【问题标题】:Can't enter text in certain input fields on IE7无法在 IE7 上的某些输入字段中输入文本
【发布时间】:2011-02-28 16:59:27
【问题描述】:

我有一个带有搜索框的网站,它可以在除 IE7 之外的所有浏览器中正常工作。来自同一站点的其他文本字段似乎可以工作。这是一个示例页面:

http://rosettabooks.com/search/node

在 IE7 中,我可以在页面“内容”区域的搜索字段中输入文本(高级搜索),但我不能在搜索中输入文本标题下导航栏中的字段。我对 firefox/chrome/safari/ie8 没有任何问题。

当然,我在问题文本字段中做一些 hacky 样式 css 来更改提交按钮,但即使在 css 中注释掉这些似乎也不能解决我的问题。

另外,我无法安装ie开发工具来检查windows端的css,只能使用firebug和firefox来尝试解决这个问题。

我在 IE7 上看到过类似的问题,涉及重新注册某个 dll,但这些情况似乎适用于无法在任何地方输入文本的人,这不是我的问题。似乎和我的css有关,可能是父元素上的css,但我似乎找不到问题所在。

【问题讨论】:

  • 我在 IE8 调试器中看到问题没有任何问题。 div“primary-menu”位于文本字段的顶部。 IE7 有时会水平扩展 div,而其他浏览器不这样做。
  • Lightbox2 覆盖似乎只影响您网站的顶部,所以这可能会导致问题。您可以与网站的顶部进行交互吗?
  • 谢谢,尖尖的。如果我可以在我的公司机器上安装 IE 开发人员工具,我可能已经想通了。

标签: css forms input internet-explorer-7


【解决方案1】:

我找到的解决方案是为#search-box 添加以下position:relative;z-index:100

【讨论】:

    【解决方案2】:

    尝试为“主菜单”div 设置 650 像素左右的宽度。问题是该元素位于文本输入上方。

    IE7 有时会让<div> 元素(嗯,任何类似的块元素)水平扩展以填充到容器宽度,即使元素被特殊定位也是如此。

    【讨论】:

    • 谢谢,这就是问题所在。我最终选择了 z-index 修复,而不是指定主菜单的宽度。
    猜你喜欢
    • 2020-02-11
    • 2016-01-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-14
    相关资源
    最近更新 更多