您现在的位置: 365建站网 > 365文章 > 让div浮于select之上

让div浮于select之上

文章来源:365jz.com     点击数:293    更新时间:2011-02-15 09:36   参与评论

CSS文件:

1 <style type="text/css">
2 body {
3 margin: 0;
4 padding: 0;
5 text-align: center;
6 background-color: #eee;
7  }
8 #bd {
9 margin: 20px auto;
10 padding: 5px 20px 20px;
11 border:1px solid #bbb width:600px;
12 background-color:#9CCE2E;
13 }
14 #popup {
15 width: 300px;
16 height: 132px;
17 padding: 10px;
18 position: absolute;
19 left:443px;
20 top:15px;
21 border:1px solid blue;
22 background-color: #fff;
23 filter:alpha(opacity=60);
24 opacity:0.4;
25 }
26 #popup iframe {
27 display:none;
28 display:block;
29 position:absolute;
30 top:0;
31 left:0;
32 z-index:-1;
33 filter:mask();
34 width:3000px;
35 height:3000px;
36 }
37 </style>

html文件:

1 <div id="bd">
2 <h1>让div浮于select之上的完美解决方案</h1>
3 <h3>www.php0731.cn</h3>
4 <div class="parameter">
5 <label for="ddTest">下拉框</label>
6 <select id="ddTest">
7 <option>PHP项目</option>
8 <option>PHP教程</option>
9 </select>
10 </div>
11 </div>
12 <div id="popup">让div浮于select之上的完美解决方案
13 <!--[if lte IE 6.5]><iframe></iframe><![endif]-->
14 </div>

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (293人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号