免费模板网
当前位置: 澳门永利官方网站>CSS代码> 让div浮于select之上的完美解决方案

CSS代码

让div浮于select之上的完美解决方案

分类:CSS代码 时间:2009/11/29 16:33:21 浏览:22162 次

演示效果截图

本文地址:http://www.5hawgs.com/css-code/detail-6472.aspx
文章摘要: 让div浮于select之上的完美解决方案 ,澳门皇冠官网澳门葡京官网澳门美高梅官方网站,澳门黄金城官方网站澳门太阳城官方网站澳门金沙官方网站。

让div浮于select之上的完美解决方案

CSS代码

<style type="text/css">
body { margin: 0; padding: 0; text-align: center;
background-color: #eee; }
#bd { margin: 20px auto;padding: 5px 20px 20px;
border:1px solid #bbb width:600px;background-color:#9CCE2E;}
#popup {width: 300px;height: 132px;padding: 10px;
position: absolute;left:443px;top:15px;border:1px solid blue;
background-color: #fff;filter:alpha(opacity=60);
opacity:0.4;}
#popup iframe{display:none;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;}
</style>

HTML代码

<div id="bd">
  <h1>让div浮于select之上的完美解决方案</h1>
  <h3>www.865171.cn</h3>
  <div class="parameter">
    <label for="ddTest">下拉框</label>
    <select id="ddTest">
      <option>选项1</option>
      <option>选项2</option>
    </select>
  </div>
</div>
<div id="popup">让div浮于select之上的完美解决方案
  <!--[if lte IE 6.5]><iframe></iframe><![endif]-->
</div>

效果演示/代码下载

在线演示
源码下载
友荐云推荐

上一篇:兼容各大浏览器的背景透明效果

下一篇:使用CSS让文本内容垂直居中

站长常用工具

最新代码

热门代码

赞助商链接