让层遮挡select

现在不是简单的隐藏select了，对于IE5.5+，可以直接遮挡select

var ie55up = IsIE55Up();
var overIframe = null;

//判断obj1是否遮挡了obj2
function Obj1OverObj2(obj1, obj2)
{
  var pos1 = getPosition(obj1) 
  var pos2 = getPosition(obj2) 
  var result = true; 
  var obj1Left = pos1.left - window.document.body.scrollLeft; 
  var obj1Top = pos1.top - window.document.body.scrollTop; 
  var obj1Right = obj1Left + obj1.offsetWidth; 
  var obj1Bottom = obj1Top + obj1.offsetHeight;
  var obj2Left = pos2.left - window.document.body.scrollLeft; 
  var obj2Top = pos2.top - window.document.body.scrollTop; 
  var obj2Right = obj2Left + obj2.offsetWidth; 
  var obj2Bottom = obj2Top + obj2.offsetHeight;
  
  if (obj1Right <= obj2Left || obj1Bottom <= obj2Top || 
      obj1Left >= obj2Right || obj1Top >= obj2Bottom) 
    result = false; 
  return result; 
}

// 获取对象的坐标
function getPosition(Obj) 
{
	for (var sumTop=0,sumLeft=0;Obj!=window.document.body;sumTop+=Obj.offsetTop,sumLeft+=Obj.offsetLeft, Obj=Obj.offsetParent);
	return {left:sumLeft,top:sumTop}
}

// 是否IE5.5以上版本
function IsIE55Up () {
	var agt = navigator.userAgent.toLowerCase();
	var isIE = (agt.indexOf("msie")!=-1);
	if (isIE)
	{
		var stIEVer = agt.substring(agt.indexOf("msie ") + 5);
		var verIEFull = parseFloat(stIEVer);
		return verIEFull >= 5.5;
	}
	return false;
}

</script>

<div style="position: absolute;left:10px;top:20px;width:200px;height:85px;border:1px solid red;" id="div1">
看看现在这个层下面的select不是简单的隐藏了：）
</div>
<select name="">
	<option>test1</option>
	<option>test2</option>
	<option>test3</option>
</select>
<P />

发表于 2004年8月4日 8:44

# re: 让层遮挡select

感谢，好东西

2004-8-4 10:44 | bestcomy

# re: 让层遮挡select

很好，可以用：）

2004-8-5 4:48 | wbird

# re: 让层遮挡select

很好，可以用：）

2004-8-5 4:48 | wbird

# re: 让层遮挡select

xihuan

2004-8-12 0:48 | 仪千峰

# re: 让层遮挡select

支持

2004-11-14 7:05 | ylhyh

# re: 让层遮挡select

好文章要支持

2004-11-14 7:06 | ylhyh

# 请教一个问题

您做的这个div层是不透明的，能不能做成透明的，并且也能遮挡住select呢？
盼望回答，多谢
icethunder@vip.sina.com
这是我的信箱，再次感谢

2005-7-2 4:03 | masterice

# re: 让层遮挡select

但是,如果,这些select是分别放在<td></td>之间的话,这个就不起作用了啊

2008-8-22 2:57 | 何宜棠

Post Comment

主题
姓名
主页
校验码
内容
记住我的信息

# re: 让层遮挡select

# re: 让层遮挡select

# re: 让层遮挡select

# re: 让层遮挡select

# re: 让层遮挡select

# re: 让层遮挡select

# 请教一个问题

# re: 让层遮挡select

宝玉

导航

公告

文章分类

存档

随笔分类

相册

娱乐

技术

朋友blog

让层遮挡select

评论

Post Comment