(转)IFrame解决Dropdownlist覆盖的问题
2006-11-20 17:55
253 查看
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>
</head>
<body>
<iframe style="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>
<form id="Form1" method="post">
<div style="z-index:10;position:absolute;background-color:blue;width:100;height:18;overflow:hidden;" onmouseover="this.style.height=54;" onmouseout="this.style.height=18;">aaaaaaa<br/>bbbbbbb<br/>ccccccc</div>
<select style="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>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>
</head>
<body>
<iframe style="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>
<form id="Form1" method="post">
<div style="z-index:10;position:absolute;background-color:blue;width:100;height:18;overflow:hidden;" onmouseover="this.style.height=54;" onmouseout="this.style.height=18;">aaaaaaa<br/>bbbbbbb<br/>ccccccc</div>
<select style="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覆盖Dropdownlist的问题
- 解决dropdownlist覆盖div问题
- 解决dropdownlist覆盖div问题
- iframe边距问题解决
- iframe高度自适应问题解决方案
- iframe里面内容自动跳转问题解决办法
- --hdu 1151 - > 双向路径搜索解决覆盖问题
- hdu 1151 - > 双向路径搜索解决覆盖问题
- JavaScript 覆盖document.createElement 方法 解决window.close在火狐下不兼容问题)
- 以整体思维看问题:解决单页应用,系统角色请求覆盖身份唯一标识(本项目中是session_id命名的)发送请求问题
- DropDownlist数据SelectedIndexChanged触发问题解决
- 解决 iframe 在 iPad 上无法滚动的问题
- ipad iframe 高度问题解决体会
- html 高手解决 <Iframe></frame>间的退回上一页面问题
- IE里Iframe的Cookie问题解决办法总结(转)
- 解决页面中的iframe不随页面的大小一起变化的问题(兼容火狐)
- 怎么解决div覆盖内容却没覆盖的问题?
- spring bean id重复覆盖的问题解决
- iframe解决ajax主域和子域之间的跨域问题
- 用iframe设置代理解决ajax跨域请求问题