你好,欢迎浏览牛城网站官网,有什么需要帮助请联系在线客服人员!

24小时在线QQ客服:852440645  

全国服务热线

0311-89870036

首页 > 建站知识 > JS特效

建站知识

主营业务

新闻动态

一个让下拉列表图层浮动在视频层上面的。。。。。。

发布人:后台管理员   发布时间:2015-12-12 15:51:00

<style>
body{ font:13px/1.5 Arial,\5b8b\4f53,Tahoma,sans-serif;background:#fff; color:#333;}
html,body,p,dl,dt,dd,table,td,th,input,img,form,div,span,ul,ol,li,h1,h2,h3,h4,h5,h6,select,fieldset,fieldset,input,button,sub,sup,textarea{margin:0;padding:0; }
table {border-collapse:collapse; border-spacing:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;} 
iframe,img{ border:0 none;}
img{ vertical-align:middle;}
em,i{font-style: normal;}
ul,li,ol{list-style:none outside none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{ text-decoration:none;color:#333}
a:hover{ text-decoration:underline;color:#f30}
.aMore { font-family:\5b8b\4f53}
:focus { outline:0;}
.clear{ clear:both; overflow:hidden; font-size:0; height:0;line-height:0;}
.right { float:right}
.left { float:left}
 
.nav { height:40px; line-height:40px; position:relative; z-index:20}
.navCon { width:300px; text-align:center; font-size:14px;}
.navCon .sTit { display:block; height:40px; overflow:hidden}
.navCon ul { display:none; position:absolute; top:40px; left:0; background:#fff; width:300px;}
.navCon ul li { line-height:20px; height:20px; overflow:hidden; width:100%; float:left}
.navCon:hover ul { display:block}
 
.videoCon { position:relative; z-index:10; padding:20px 0 0 0;}
 
</style>
 
<div class="nav">
 <div class="navCon">
     <span class="sTit">鼠标放这里查看效果</span>
        <ul class="clearfix">
         <li>图层浮动在视频层的上面</li>
            <li>12313123</li>
            <li>12313123</li>
            <li>12313123</li>
            <li>12313123</li>
            <li>12313123</li>
        </ul>
    </div>
</div>
 
<div class="videoCon"><embed src="http://www.tudou.com/a/Xf-u5hWu2qg/&bid=05&iid=131714371&resourceId=0_05_05_99/v.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="480" height="400"></embed></div>