仅在IE7中,子菜单显示在我页面的内容下。 我使用bgframe插件。
这是我的代码: $( “ul.sf菜单”)。快鱼({ 速度:'快', autoArrows:false //禁用箭头标记的生成 })找到( 'UL')bgIframe({不透明度:假});
你有什么想法吗?
非常感谢你。 再见 ž
答案 0 :(得分:7)
您可能会发现这一小块代码很有用,它可以与Z-Order进行深入的巫术。我没有创造它,但它为我节省了无数个小时。
解决许多问题的一种方法 IE7是动态反转的 默认的z-index堆叠顺序 您网页上的元素。这将 确保你的元素更高 HTML源码也会更高 页面上的z-index顺序,解决 大多数IE堆叠问题。如果 你正在使用jQuery(最好的 这里有Javascript库) 快速修复...
$(function() {
var zIndexNumber = 1000;
$('div').each(function() {
$(this).css('zIndex', zIndexNumber);
zIndexNumber -= 10;
});
});
答案 1 :(得分:2)
这确实是一个CSS问题,也是一个非常恼人的问题。
很可能你有一个位置:亲戚或位置:你的一个容器元素的绝对规则,或者正在使用另一个与位置混淆的JS插件(例如jquery.corner)。环顾四周。
答案 2 :(得分:1)
上面提到的z-index修复程序使我免于扯掉自己的头皮。我把它放在IE7特定的条件评论中,一切都很好。
答案 3 :(得分:1)
将父容器设置为z-index:1
,将.sf-menu
设置为z-index:100
这将设置图层并在网站内容上弹出菜单。
答案 4 :(得分:0)
这听起来像是一个css问题,可能与你的superfish实现没什么关系。尝试使用IE Developer Toolbar检查菜单,看看是什么组合导致它出现在那里。