div总是被select遮挡的解决方法
div总是被select遮挡的解决方法
发布时间:2016-12-29 来源:查字典编辑
摘要:­­div被select遮挡的解决方法——查字典教程网­­­aaaaaaabbbbbbbcccccc...

<html>

<head>

­

<metahttp-equiv="Content-Type"c>

­

<title>div被select遮挡的解决方法——查字典教程网</title>

</head>

<body>

­

<iframestyle="position:absolute;z-index:9;width:expression

(this.nextSibling.offsetWidth);height:expression

(this.nextSibling.offsetHeight);top:expression(this.nextSibling.offsetTop);left:expression

(this.nextSibling.offsetLeft);"frameborder="0"></iframe>

­

<formid="Form1"method="post">

­

<divstyle="z-index:10;position:absolute;background-

color:blue;width:100;height:18;overflow:hidden;">aaaaaaa<br/>bbbbbbb<br/>ccccccc</div>

­

<selectstyle="width:200"><option>test0<option>test1<option>test2<option>test3</select>

­

<br/>

­

<pre>

­

Div被Select挡住,是一个比较常见的问题。

­

有的朋友通过把div的内容放入iframe或object里来解决。

­

可惜这样会破坏页面的结构,互动性不大好。

这里采用的方法是:

虽说div直接盖不住select

­

但是div可以盖iframe,而iframe可以盖select,

­

所以,把一个iframe来当作div的底,

­

这个div就可以盖住select了.

</pre>

­

</form>

­

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类