css3 を使用してサブナビを構築しようとしています。私がうまくいかないことの1つは、サブナビを同じ場所に保つことです。
http://www.laingorourke.com/に似ています。
トップ ナビゲーション アイテムのどこにカーソルを合わせても、サブナビゲーション アイテムを一定の場所に保持するにはどうすればよいですか?
私がやろうとしていることを示すためにjsfiddleを作成しました:
http://jsfiddle.net/jimbeeer/F9PNr/
サブナビゲーション項目の CSS は 10 行目にあります。
ul#css3menu1 ul{
display:none;
position:absolute;
float:left;
left:0;
top:100%;
padding:0px;
margin:0px 0 0 0px;
z-index:10;
background-color:#093365;
width:1000px;}
それはとても簡単だと確信していますが、私は一生それを解決することはできません!
前もって感謝します。
-ジェームズ