私は以下のようにサインインボタンを持っていますが、私がスライダーの下に表示されているASP.Netログインコントロールを持っているメニューが開きます私はそれをスライダの上に配置したいと思います。スライダとサインインボタンの間にメニューバーがあります。CSSを使用して他のdivの上に1つのdivを配置します
どうすればいいですか?
私はSO上でこのquestionを踏襲しているが、これは私のCSSで
を成功しませんでした:
#container {
width:780px;
margin:0 auto;
position: relative;
}
#topnavsignin {
padding:10px 0px 12px;
font-size:11px;
line-height:23px;
text-align:right;
margin-top:-60px;
margin-left:120px;
}
#topnavsignin a.signin {
background:#88bbd4;
padding:4px 6px 6px;
text-decoration:none;
font-weight:bold;
color:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
*background:transparent url('../images/signin-nav-bg-ie.png') no-repeat 0 0;
*padding:4px 12px 6px;
margin-left:420px;
}
#signin_menu {
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
display:none;
background-color:#ddeef6;
position:absolute;
width:350px;
z-index:100;
border:1px transparent;
text-align:left;
top: 24.5px;
right: 171px;
margin-top:-55px;
margin-right: 0px;
*margin-right: -1px;
color:#789;
font-size:11px;
padding: 5px;
}
これは私がそれを示しています方法です:
<div id="container">
<fieldset id="signin_menu">
//Asp.Net Login Control
</fieldset>
</div>
//私のナビゲーションメニューに行く
これはあなたがいくつかの例一緒position: absolute or relative or fixed
で、CSSのz-index
を使用する他の上の1事業部を配置するには、私のスライダ部
<div id="slider_wrap">
<div id="wowslider-container1">
</div>
</div>
@アリストス - それはあなたのリンクのために完全にうまく働いた.Zインデックスはガッドアイディアです:) – coder