【问题标题】:IE7 graphic issueIE7图形问题
【发布时间】:2012-12-11 16:48:19
【问题描述】:

伙计们,我需要你的帮助来解决这里菜单的 IE7 问题:luigisettembrini.gov.it

在其他浏览器中,菜单看起来不错,子菜单在主菜单上方并带有填充。在 IE7 中,它不是“接近”菜单(无法使用): http://img15.imageshack.us/img15/227/senzanomekq.png

不知道为什么会这样。我也尝试使用 Firebug Lite 来查看 IE7,但它一团糟!

【问题讨论】:

  • 请发布您的 HTML/CSS/JavaScript 代码
  • 这有点复杂,因为它是一个 WordPress 网站(特别是我创建的 212 个子主题),无论如何:这里是导航菜单的 html:pastebin.com/7kSrEf6L;这是我与 nav 菜单相关的 CSS 自定义,超过了 22 种 style.css:pastebin.com/NHTZTNkf

标签: css layout browser cross-browser internet-explorer-7


【解决方案1】:

我无法找到解释 ie7 差异的来源,但这里有一个快速修复:

将嵌套的 ul 更改为绝对位置为 right:0;而不是 200px 的左边距。

或者,您可以为 ie7 提供条件样式表,使它们的左边距为零。但是由于 uls 已经绝对定位,因此只需删除边距并添加“right:0;”将是一个非常简单的修复。到 css。

【讨论】:

  • 我应用了快速修复并且.. 就像一个魅力! ;)) 真的很感谢你!我在这个愚蠢的问题上花了几个小时(我什至想放弃 IE7 兼容性)。现在,如果我可以问你最后一个忙,唯一剩下的就是这个 z-index 问题:img825.imageshack.us/img825/5024/menuproblem.png 我尝试将 position:relative;z-index:1000 放到 .main-navigation li ul li, .main-navigation li ul li a 等没有运气..
  • 另一个我不熟悉的问题。显然,当其他浏览器选择不这样做时,IE7 及以下版本将堆栈上下文应用于元素,长话短说,每个 li 都从零开始一个新的堆栈。到目前为止,我唯一的解决方案是应用一个大的 z-index,例如。 999 到第一个父 li,然后逐渐减小每个连续 li 的 z-index 值。 998, 997, 996 .. 等等。这应该暂时解决它,但如果我找到更优雅的解决问题的方法,我会更新你...需要 z-index 的列表项是菜单项 248、249、250等等......不是他们的孩子
猜你喜欢
  • 1970-01-01
  • 2011-09-19
  • 2011-05-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多