解决下拉菜单被下方焦点图覆盖问题

 Html:

<div id="header">

    <ul>

        <li><a>xxx</a>

             <ul>

                   <li></li><li></li> <li></li> <li></li>

            </ul>

       </li>

        <li></li>

    </ul>

</div>

<div id="slideshow">

    <ul>

        <li><img /> </li><li><img /> </li><li><img /> </li>

    </ul>

</div>

CSS:

#header{position:relative;z-index:100}

#slideshow{position:relative;z-index:1}

#header如有浮动，勿用 over-flow：hidden 来清除浮动；这样会让二级菜单隐藏.

可用 <div class="clearfix"></div>设置. clearfix {clear:both}来实现清除浮动。