<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>
</head>
<body>
<div style="z-index:10;position:absolute;width:100;height:18;overflow:hidden;" onmouseover="this.style.height=100;" onmouseout="this.style.height=18;">
<iframe style="position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;" frameborder="0" src="about:blank" mce_src="about:blank"></iframe>
<div style="background-color:#cccccc;" mce_style="background-color:#cccccc;">aaaaaaa<br>bbbbbbb<br>ccccccc<br>ccccccc<br>ccccccc<br>ccccccc</div>
</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>
</body>
</html>
分享到:
相关推荐
用DIV模仿SELECT下拉框 function replaceSelects() { try{ for (i=0;i;i++){ // 隐藏 select selects[i].style.display = 'none'; select_divTag = document.createElement('div'); select_divTag.id = ...
select ——使用DIV 实现 Select js源码
jquery DIV模拟select,样式美观、大方、可自己更换背景、不懂的私我
div+css模拟select
select 在ie6下覆盖div bug 解决方案。 div 模拟select 单选 在 body onload事件中调用init_select方法就可,参数传相关背景图片就可。我都已经放到资源包下了。
div 模拟 select 多选 实现还有点bug,望大家一起改正。
解决IE6 中select 穿透 div 等层的问题
使用div模拟select效果,可点击页面其他任意地方隐藏下拉框
div+css打造select下拉菜单,可自己修改相应样式!!!
jQuery+div+css模拟select自定义下拉列表框,简单轻巧实用。
使用div+css,实现select美化效果,兼容谷歌,火狐,IE6以上浏览器等。
select实现div图层切换效果,使用jquery简单易懂、方便修改
非常好用的Select插件,通过制作的jQ插件快速生成Selcet 前台界面只需要一个div元素,其他的可以通过插件的API进行数据的填充与获取,demo中都有具体事例
divcss模拟select 下拉框 select 改变样式
用div+jq高仿ie6的select表单随内容增加 进行了一个升级,将其做成一个类似插件的形式; 在html中,依旧是应用传统的select进行布局,只需要给select一个class为toDiv,就可以动态的将select替换为已经设置好了的div...
Div下拉菜单被Select挡住的解决办法 下拉菜单 bbbbbbb ccccccc ccccccc ccccccc ccccccc test0 test1 ...Div被Select挡住,是一个比较常见的问题。...这个div就可以盖住select了. [Ctrl+A 全选 注:如需引入外部
一款纯 DIV+CSS+JS 的仿Select下拉表单 兼容目前主流浏览器!
jQuery div仿select下拉选项菜单美化获取html jQuery div仿select下拉选项菜单美化获取html jQuery div仿select下拉选项菜单美化获取html jQuery div仿select下拉选项菜单美化获取html
类似百度新闻页的省市两级菜单,点击输入框弹出层显示省,点击省再显示对应的地级市,取代select,省市是两级连动的,这是上一个代码的改写,页面调用比原来的简单,代码更清楚了,现在的有类别,省市,性别选择,...
jquery+css+div 实现的模拟select多选 jquery+css+div 实现的模拟select多选