2012-04-18 90 views
0

FOR CHORME和Firefox混淆定位问题

考虑以下链接http://indivar.biz/deva/node/41然后悬停标签“培训计划”,它会打开子菜单。打开的子菜单在“UPCOMING PROGRAMS”下面打开,标题在下面的紫色框中。而且需要在紫色盒子正上方打开。

那么,你能不能让我知道,这个问题怎么解决。子菜单在主页上工作正常,但在内部页面上。

THANKS 巴尔卡尔

回答

1

添加到您的CSS 。

#background-bg { 
    { 
    position: relative; 
    z-index: 100; 
    } 
#content > .wrapper { 
    { 
    position: relative; 
    z-index: 10; 
    } 

尽管建议您不要使用ID作为造型,但是您可以使用此修补程序。这不会是一个问题。

相对
+0

为什么不是它建议使用一个id为造型? – allen213 2012-04-18 07:45:46

+1

使用CSS ID选择器编写的样式不可重复使用。代码变得不易维护。您可以阅读这篇文章以获取更多信息。 http://oli.jp/2011/ids/ – 2012-04-18 07:50:59

+2

我不同意,ID风格对于一个独特的非重复元素是完全有效的。 – allen213 2012-04-18 07:54:33

0

这个类.node型页#背景BG的z-index为0,则提高到1以上,问题将

0

wrapere位置和z指数作为这样

#content > .wrapper { 
     margin: 0 auto; 
     position: relative; 
     width: 960px; 
     z-index: -1; 
    } 
+0

谢谢Azad,你的代码工作得很好! – user762247 2012-04-18 10:06:21