1

我基本上是php程序员，只有基本css知识。我目前正在实现一个 jquery 滑块，它div是

.flexslider {background: #fff; 
border: 4px solid #fff; 
position: relative; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
-o-border-radius: 5px; 
border-radius: 5px; 
zoom: 1;
}

对应的 HTML 是：

<div class="flexslider">
    <ul class="slides">
        <li>
            <img src="css/images/sliders/inacup_samoa.jpg" />
            <p class="flex-caption">Captions and cupcakes. Winning combination.</p>
        </li>
        <li>
            <a href="http://flex.madebymufffin.com"><img src="css/images/sliders/inacup_pumpkin.jpg" /></a>
            <p class="flex-caption">This image is wrapped in a link!</p>
        </li>
        <li>
            <img src="css/images/sliders/inacup_donut.jpg" />
        </li>
        <li>
            <img src="css/images/sliders/inacup_vanilla.jpg" />
        </li>
    </ul>
  </div>

现在我也有 jquery 下拉菜单，其子元素 css 是：

#jsddm li ul
{   
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
margin-top:12px;
}

和 HTML：

<div id="menu">
            <ul id="jsddm">
                <li><a href="#">JavaScript</a>
                    <ul>
                        <li><a href="#">Drop Down Menu</a></li>
                        <li><a href="#">jQuery Plugin</a></li>
                        <li><a href="#">Ajax Navigation</a></li>
                    </ul>
                </li>
                <li><a href="#">Effect</a>
                    <ul>
                        <li><a href="#">Slide Effect</a></li>
                        <li><a href="#">Fade Effect</a></li>
                        <li><a href="#">Opacity Mode</a></li>
                        <li><a href="#">Drop Shadow</a></li>
                        <li><a href="#">Semitransparent</a></li>
                    </ul>
                </li>
                <li><a href="#">Navigation</a></li>
                <li><a href="#">HTML/CSS</a></li>
                <li class="last"><a href="#">Help</a></li>
            </ul>
        </div>

现在的问题是，添加 div 后下拉菜单的子元素隐藏了<div class="flexslider">。如果我从中删除position:relative;菜单工作正常，但滑块 div 变得更宽并且出现水平滚动条（但在附加滚动区域中没有出现任何内容！，请参阅参考图片从滑块 div 中删除位置后）

4

0 回答 0