【问题标题】:Dropdowns for menu & search autocomplete not working in IE菜单和搜索自动完成的下拉菜单在 IE 中不起作用
【发布时间】:2012-04-12 16:36:33
【问题描述】:

我刚刚在www.hcmc.com 建立了一个新网站。

它在 Chrome、Safari、Firefox 中运行良好,但在 IE 中效果不佳(惊喜!)。

我要解决的问题是:

  1. 顶部导航菜单的下拉菜单在 IE 7 和 8 中不起作用

  2. 搜索框的自动完成下拉菜单在 IE 7、8 和 9 中不起作用(尝试输入“pizza”)

我已经尝试过使用 z-index,但只是没有让它工作。有什么想法吗?

【问题讨论】:

  • 您好,只是我的一个想法。只需尝试搜索框,显示:块;缩放:1; *显示:内联;这个针对 IE 的 Hack。
  • 我在你的代码中看到你使用 Float:left;试试 - display:inline-block;然后您尝试删除高度和宽度;试试这一切。

标签: css internet-explorer drop-down-menu


【解决方案1】:

嗨,这不是您问题的实际解决方案,但我只是探索我的一面。使用 HTML5 BOILERPLATE 解决了浏览器兼容性问题。您可以组合 Twitter Bootstrap + html5 样板。

1) http://twitter.github.com/bootstrap/
2)http://html5boilerplate.com
您可以使用 http://www.initializr.com/

将两者结合起来

对于搜索框
.searchbox {
背景颜色:透明;
边框:0 无;
颜色:#000000;
显示:块;
向左飘浮;
字体:13px/22px arial,calibri,sans-serif;
缩放:1;
*显示:内联;
}

试试这个。

【讨论】:

    猜你喜欢
    • 2019-03-31
    • 2020-06-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-24
    • 2011-09-21
    相关资源
    最近更新 更多