0

ASP.net の js スライドショーの背後に隠れるメニューにばかげた問題があります。基本的に、メニューにすべてのオプションを表示できるようにしたいのですが、 z-index 、 position: relative などの多くのソリューションを試しましたが、残念ながら何も機能していないようで、理由がわかりません...

なぜそれが起こっているのか分かりますか？

これは、htmlファイルにあるコードです

 #imageSlideshowHolder{

        width: 915px;
        height: 255px;
        background-color:#000;
        border:3px solid #317082;
        position:relative;
            top: 0px;
            left: 0px;
            z-index: 1;
    }
.imageInGallery{        
    width:915px;
    height:255px;
    background-color:#000;
    left:0px;
    top:0px;
    position:absolute; 

 }

 #imageSlideshowHolder img{
        position:relative;
        top: 4px;
        left: 3px;
        height: 246px;
        width: 907px;
        right: 5px;
        z-index: 2;
    }

スライドショー用の私のCSS

body 
{
}
#imageSlideshowHolder{
width:907px;
height:246px;
background-color:#000;
border:3px solid #317082;
position:relative;

}
.imageInGallery{    
width:915px;
height:255px;
background-color:#000;

left:0px;
top:0px;
position:absolute;  
}

メニューのCSSコード

div.hideSkiplink
{
background-color:#3a4f63;
width:100%;
height: 38px;
}

div.menu
{
padding: 4px 0px 4px 8px;
z-index: 1000;
}

div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
z-index: 1000;
}

div.menu ul li a, div.menu ul li a:visited
{
background-color: #465c71;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
}

div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;
}

div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}

どんな助けでもいただければ幸いです

4

0 に答える 0