【发布时间】：2012-09-22 16:24:21
【问题描述】：
我正在使用 html 和 CSS 向我的博客添加一个下拉菜单栏。
代码来自My Blogger Lab，对颜色等进行了调整。
我的测试站点是：http://practicedailygratitude.blogspot.com/
我对它在 Chrome 和 Firefox 中的外观感到 100% 满意（下拉菜单实际上仅适用于 About、Images 和 Home DIY；其余只是链接）。
我在 IE 中遇到以下问题（我尝试了 7、8 和 64 位）：
- 在资源管理器中，下拉菜单的背景几乎是透明的（我可以看到它们后面的帖子文本）
- 在资源管理器中，下拉菜单发生得如此之快，以至于我无法悬停或选择选项。
- 在 Safari 中，链接处于非活动状态，并且下拉菜单出现在悬停时。
我已经搜索了两个星期，并尝试了其他帖子的不同调整和建议，但我不知道如何使其在 IE 中工作。
我不使用 IE，但她 30+% 的博客关注者使用，所以我需要做出调整，此时我完全没有想法（而且我已经达到了我的能力）。
我已经能够在 Chrome 和 Firefox 中调整代码以使其完全符合我的要求（下拉菜单悬停在标题中的旗帜横幅上）。
注意：此代码要求将 html 小工具放在博客文章部分的顶部，而不是标题，因此我更改了一些边距等以使下拉菜单移动并“看起来正确”后面有标题图片。
这是我所看到的：
主题是 Josh Peterson 的 Blogger 中的 SIMPLE。是Blogger中为数不多的选择之一----我没有修改过；我只修改了我在帖子部分上方添加的 1 个 html 小部件，然后有一个模板的高级 CSS 选项卡 ---- 那是我转到高级的地方，然后“添加 CSS”并添加了来自 My Blogger Lab 的 CSS （仅更新颜色和移动，以便覆盖标题）---- 似乎 CSS 然后将自身添加到 SIMPLE 模板中。
小部件的html：http://practicedailygratitude.blogspot.com/2012/09/my-blogger-lab-html-code-for-widget.html
CSS：http://practicedailygratitude.blogspot.com/2012/09/my-blogger-labs-css-i-modified-for.html
Blogger 中的简单模板http://practicedailygratitude.blogspot.com/2012/10/simple-template-from-blogger.html
【问题讨论】：
-
无论版本如何，它都适用于 IE。确保您没有处于怪癖模式。 （F12 检查）
-
非常感谢您的回复 Caelea。我检查了一下，我符合 IE 7 标准。我在上面附上了一个屏幕截图----当我尝试做出选择时，下拉菜单（有时）会立即出现。它还在 IE 中显示了一个在其他浏览器中不显示的 alt 标签。我仍然无法悬停或从下拉列表中选择任何内容——它消失得太快了。我仍然不确定我做错了什么，它在 IE 中对你有用，但对我没有。我应该使用什么文档类型？可能与此有关吗？谢谢。
-
这需要关闭，因为过于本地化。如果没有图像或外部网站链接就无法提出您的问题，则无法在此处提出。我们不必打开您的网站并检查其来源即可回答您的问题。
-
@Emily M doctype 还可以，您无能为力，毕竟它是 blogspot，您无法更改它，因此它与用于该菜单的插件有关。不幸的是，我不擅长 javascript。我希望有人能比我更好地帮助你。
标签： html css internet-explorer drop-down-menu blogger