2012-03-17 3 views
0

ページが一番上にスクロールされたときに最適なドロップダウンメニューがありますが、下にスクロールすると、二番目の<li>親のドロップダウンが固執するのではなくページをスクロールします親要素を持つドロップダウンメニューがLIの親に固執しない

解決済み:2番目のドロップメニューが親ヘッダーのdiv内にありませんでした。

トップリンクCREATEは問題なく動作しますが、リンクMANAGEは問題のある親<li>です。ここで

は、JSへのリンクです:ここではhttp://www.brandonrray.com/Heriyah/admin/system/js/chrome.js

はCSSです:

ul { 
padding: 0; 
margin: 0; 
} 
ul li { 
padding: 0; 
margin: 0; 
} 
.chromestyle{ 
width: 99%; 
font-weight: bold; 
cursor:pointer; 
} 
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/ 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 
.chromestyle ul{ 
width: 100%; 
margin: 0; 
text-align: right; 
} 
.chromestyle ul li{ 
display: inline; 
} 
.chromestyle ul li a{ 
color: #494949; 
padding-left:15px; 
padding-right:15px; 
padding-top:20px; 
padding-bottom:20px; 
margin: 0; 
text-decoration: none; 
font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
color:#FFFFFF; 
} 
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ 
background-color:#0abbe1; 
} 
/* ######### Style for Drop Down Menu ######### */ 
.dropmenudiv{ 
cursor:pointer; 
position:absolute; 
top: 0; 
border: 1px solid #BBB; /*THEME CHANGE HERE*/ 
border-bottom-width: 0; 
font:normal 12px Verdana; 
line-height:24px; 
z-index:100; 
background-color: white; 
width: 200px; 
visibility: hidden; 
} 
.dropmenudiv a{ 
width: auto; 
display: block; 
text-indent: 3px; 
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/ 
padding: 2px 0; 
text-decoration: none; 
font-weight: bold; 
color: black; 
padding-left:15px; 
} 
* html .dropmenudiv a{ /*IE only hack*/ 
width: 100%; 
} 
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/ 
background-color: #0abbe1; color:#FFFFFF 
} 

答えて

2

htmlソースを詳しく見ると、dropmenu2が間違った場所にあることがわかります。

これはあなたのコード

<div> 
    ... 
    <div id="dropmenu1">...</div> 
</div> 
<div id="dropmenu2">...</div> 

あるDropmenu 2に役立つかもしれないdropmenu1

<div> 
    ... 
    <div id="dropmenu1">...</div> 
    <div id="dropmenu2">...</div> 
</div> 
2

dropmenu1と同じ親の下でdropmenu2されていないのはなぜ? dropmenu1のみがheriyah_header divの子です。

+0

と同じ場所にあります!簡単な修正! – drummer392

関連する問題