IE7 “层”惊喜 - 千一网络

我们知道 IE6 及以前的版本中，DIV 总是会被下拉列表框（select）所挡住，让我们在编程时总得想很多很多法子，还不尽如人意。非常令人兴奋的是，在 IE7 中，这种事情已经不存在了。

测试代码：

<?xml version="1.0" encoding="gb2312"?>
<!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>IE7 “层”惊喜</title>
</head>

<body>

<select size="6">
  <option value="1">这是第一个选项</option>
  <option value="2">这是第二个选项</option>
  <option value="3">这是第三个选项</option>
  <option value="4">这是第四个选项</option>
  <option value="5">这是第五个选项</option>
  <option value="6">这是第六个选项</option>
</select>
<div style="position:absolute;left:0px;top:0px;width:70px;height:70px;background-color:#00FF00;">　</div>

</body>

</html>

[Ctrl+A 全部选择提示：您可先修改部分代码，再按运行]

运行结果：

IE6 中，层被 select 挡住：

IE6 中，层被 select 挡住

IE7 中，层没有被 select 挡住：

IE7 中，层没有被 select 挡住

FF1.5 中，层没有被 select 挡住：

FF1.5 中，层没有被 select 挡住

ASP.NET 中的 AJAX	ASP.NET 画图全接触	ASP.NET 与 XML	声明式数据绑定	ASP.NET 网页抓取
C# 基础	C# 类教程	C# 加密	ASP.NET 成员资格	非“自动化”处理 Excel
QuickAjax	Ajax	完美的语法高亮器	Silverlight	Popfly