你好,歡迎瀏覽牛城網站官網,有什么需要幫助請聯系在線客服人員!

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>
135彩票平台