<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div在下拉菜单之上</title>
<style type="text/css">
div{ position:absolute;top:100px;left:100px; z-index:2;height:200px; width:200px; background:#f0c}
iframe{ position:absolute;top:0;left:0; z-index:1; background:#cf0}
select{width:100%}
</style>
</head>
<body>
<div></div>
<iframe>1212</iframe>
<select><option></option></select>
<select><option></option></select>
<select><option></option></select>
<select><option></option></select>
<select><option></option></select>
<select><option></option></select>
<select><option></option></select>
<select><option></option></select>
<select><option></option></select>
<select><option></option></select>
<select><option></option></select>
<select><option></option></select>
</body>
</html>
提示:您可以先修改部分代码再运行
推荐阅读
CSS 垂直居中的5种实现方法
利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器>>>详细阅读
本文标题:css实现div在下拉菜单之上
地址:http://www.17bianji.com/kaifa2/CSS/17086.html
1/2 1