Nivo Slider隱藏我的CSS菜單

看到這個問題之前已經被問過了，但我不能讓它與給定的解決方案一起工作;Nivo Slider隱藏我的CSS菜單

我已經改變了所有的菜單的z指數到99999，但仍低於它是。

<div id="slidercont"> 
<div id="slider"> 
     <img src="http://digitalstr.com/wp-content/uploads/2011/09/ibfconpromo.png" /> 
    <img src="http://digitalstr.com/wp-content/uploads/2011/09/irconspacepromo.png" /> 
</div>

#access { 
    background: #3b95bd; /* Show a solid color for older browsers */ 
    clear: both; 
    display: block; 
    float: left; 
    margin: 0 auto 6px; 
    width: 100%; 
    z-index: 99999; 
} 
.menu { 
    margin-top:-20px !important; 
    z-index: 99999; 
} 
#access ul { 
    font-size: 13px; 
    list-style: none; 
    margin: 0 0 0 -0.8125em; 
    padding-left: 0; 
    z-index: 99999; 
} 
#access li { 
    float: left; 
    position: relative; 
    z-index: 99999; 
} 
#access a { 
    color: #eee; 
    display: block; 
    line-height: 3.333em; 
    padding: 0 1.2125em; 
    text-decoration: none; 
    z-index: 99999; 
} 
#access ul ul { 
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); 
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); 
    box-shadow: 0 3px 3px rgba(0,0,0,0.2); 
    display: none; 
    float: left; 
    margin: 0; 
    position: absolute; 
    top: 3.333em; 
    left: 0; 
    width: 140px; 
    z-index: 99999; 
} 
#access ul ul ul { 
    left: 100%; 
    top: 0; 
    z-index: 99999; 
} 
#access ul ul a { 
    background: #f9f9f9; 
    border-bottom: 1px dotted #ddd; 
    color: #444; 
    font-size: 13px; 
    font-weight: normal; 
    height: auto; 
    line-height: 1.4em; 
    padding: 10px 10px; 
    width: 120px; 
    z-index: 99999; 
}

來源

2011-09-02 SlateEntropy

嘗試我更新的答案，在我的Firebug中看起來不錯。 – Drew

的z-index只適用於定位元素，因此可以嘗試設置的位置是：相對的一切用z-index。

更新：試試這個：

#branding { 
border-top: 2px solid #BBBBBB; 
padding-bottom: 10px; 
position: relative; 
z-index: 2; // REMOVE THIS LINE 
}

來源

2011-09-02 02:21:08 Drew

nope，那不工作'編輯'，從頭開始，它的工作很棒。謝謝！ – SlateEntropy

每個元素都應該設置的位置是：相對或立場：絕對的，當使用的z-index

嘗試改變你的CSS文件在http://digitalstr.com/wp-content/themes/twentyeleven/nivo-slider/nivo-slider.css

#slidercont { 
width: 929px; 
margin: 0 auto; 
height: 260px; 
z-index:10; 
position:relative ; //or position:absolute 
}

來源

2011-09-02 02:28:18

仍然不能正常工作：/ – SlateEntropy

怎麼樣添加「位置：相對;」在「#access ul {}」 –

是的，它仍然藏在那裏。 – SlateEntropy

它爲我工作

.nivoSlider { 
    position:relative; 
    width:100%; 
    height:auto; 
    overflow: hidden; 
    z-index:-50; 
}

來源

2013-05-02 13:04:35

Nivo Slider隱藏我的CSS菜單

回答

相關問題