-1

ここでトップのドロップダウン メニューをスタイリングして、トグル効果を作成するのに問題があります。ホバー領域を区切るためにパディングを使用していますが、サブメニューの上にホバーできる可能性はありません。

#topmenu {
background-color: rgba(0,0,0,1);
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
font-size: 20pt;
position: fixed;
width: 100%;
top: 0;
}
4

2 に答える 2

0

パディングとマージンを0にします。また、他の問題を理解できるようにコードを提供します。

于 2013-02-10T02:49:34.470 に答える
0

に追加z-index: larger-numberし#topmenuて、メニューが常に最上位にあることを確認し、ホバーできるようにします。

css transform は z-index の順序を変更します。で使用しましたh2。それはサブメニューをカバーしました。

実際には何も変更せず、ページを下にスクロールしてください。メニューのホバーの問題がなくなったことがわかります。

絶対要素をカバーする回転要素のデモ:

http://jsfiddle.net/rainthinks/xswrg/

修正: http://jsfiddle.net/rainthinks/xswrg/1/

いくつかの参考文献:

于 2013-02-10T03:19:16.053 に答える