- 浏览: 229844 次
- 性别:
- 来自: beijing
文章分类
<Fieldset style="border: 1px solid black; padding: 1px"> <legend style="padding: 10px"> 车路查询 </legend> <input type="text" id="inputText" size="25" style="width: 150px;"> <input type="button" class="button" value="查询" onclick="ssjqUI.searchBusLine()"> <input type="button" class="button" value="清除" onclick="ssjqUI.clearBusLine()"> <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> <div id="autoInput" style="z-index:10;position:absolute"></div> </Fieldset>
添加红色code就可以了
原因 : select在ie中默认是处于最顶层的, 所以弹出div往往不能遮住select,但是使用iframe的方法,可以遮住select选择控件.
发表评论
-
重写openalyers 的方法,加载天地图瓦片数据
2012-06-20 09:16 6363将TiandituLayer 加载到OpenLayers.js ... -
ArcGIS客户端API中加载大量数据的几种解决办法
2012-06-20 09:18 3068原文地址:http://blog.newnaw.com/?p= ... -
table_border.html
2011-01-21 17:07 932<html> <head> ... -
jquery 菜单效果一个
2010-09-26 16:02 1164<html> <head> ... -
ExtJs layout
2010-07-20 15:20 1341extjs的容器组件都可以设置它的显示风格,它的有效值有 ab ... -
验证验证
2010-05-28 15:40 933匹配中文字符的正则表 ... -
jquery validate.js x学习
2010-04-12 16:05 1256学习了 jquery validate.js ... -
CSS 定义鼠标的样式
2009-12-17 15:33 1692CSS允许你控制网页外观 ... -
学习AJAX框架后的理解
2009-11-25 14:20 1007现在很多的AJAX框架,表现的是很优秀恩 不大可能一下就 ... -
jquey中的$符号与其他框架的$的冲突解决方法
2009-11-25 12:39 1020Jquery 中的$(id)方法来获取一个元素,或者其他的一些 ... -
DHTMLX框架AJAX
2009-11-20 17:28 1380在项目中用了下Dhtml的Grid,一直都没有仔细的 ... -
关于页面的传值
2009-11-20 10:46 1109有两个页面,父页面与子页面,父页面要传一个参数给子页面, ... -
jQuery 的CSS属性
2009-11-15 16:06 6614CSS属性的设定, 可以用预先定义的 CSS样式,使用$ ... -
jQuery 理解
2009-11-15 14:10 1181jquery this的含义 在触发事件的时候,是指向原生态 ... -
jquery理解
2009-11-11 10:24 1098下载好后引用这个jQuery库就可以了我们的jQuery开发了 ... -
内存泄露与闭包
2009-11-05 17:34 1623JavaScript 编程来说,内存泄露是一个很潜在的危险,主 ... -
JavaScript的跨域问题
2009-11-05 17:03 1612可能是经过的项目少,还没有经历过跨域问题,于是收集点跨 ... -
使用dtmlxGrid 未知运行的错误。与显示不出来的情况
2009-09-22 16:05 956ie4,ie6,ie7 环境下会出现这个错误, 原因 gri ... -
javaScript 中 call 函数与apply的用法说明
2009-09-11 10:44 1508call 的用法 javaScript 中的 call ... -
javascript 中this 的用法
2009-09-09 14:14 989在面向对象编程语言中,对于this关键字我们是非常熟悉的。比如 ...
相关推荐
1. **使用iframe**:将需要覆盖`select`的`div`内容放入一个`iframe`中,由于`iframe`在IE6中拥有独立的堆叠上下文,可以有效遮挡`select`。 2. **模拟Select**:使用JavaScript或jQuery库(如`select2`或`...
在互联网的早期,Internet Explorer 6 (简称IE6) 是一款广泛应用的浏览器,但它的兼容性和渲染机制存在诸多问题,其中一个问题就是“select穿透div”的现象。这个问题在现代浏览器中通常不会出现,但在IE6中,`...
总结来说,解决IE6下`div`覆盖`select`框的问题需要理解浏览器的层叠上下文规则,并利用JavaScript动态调整元素的样式。虽然这种问题在现代浏览器中很少出现,但在维护旧项目或考虑跨浏览器兼容性时,理解并掌握这种...
总的来说,解决IE6下的Select覆盖Div问题需要根据实际情况灵活运用上述方法。在现代浏览器广泛使用的今天,虽然IE6的市场份额已经非常小,但考虑到部分用户可能还在使用,开发者仍需关注此类兼容性问题。在解决这类...
总结来说,面对IE6中的`div`层被`select`控件遮住的问题,我们可以利用`iframe`作为遮罩,并通过设置`z-index`和动态调整`iframe`尺寸的方法来解决。虽然这个方法在现代浏览器中可能不再适用,但对于仍然需要支持IE6...
标题“ie6下select遮挡div”指出的是一个典型的IE6特有的问题:当在网页上使用select下拉框时,它会覆盖在其他使用绝对或相对定位的元素(如div)之上,导致这些元素无法正常显示。这个问题对于设计美观且交互性强的...
用div+jq高仿ie6的select表单随内容增加 进行了一个升级,将其做成一个类似插件的形式; 在html中,依旧是应用传统的select进行布局,只需要给select一个class为toDiv,就可以动态的将select替换为已经设置好了的div...
`div模拟select自定义下拉列表框`是一种常见做法,它利用JavaScript(如jQuery)和CSS来实现,可以提供比原生`<select>`元素更丰富的样式控制和交互体验。本篇将详细介绍这种技术及其应用。 一、为什么使用div模拟...
用DIV模仿SELECT下拉框 function replaceSelects() { try{ for (i=0;i;i++){ // 隐藏 select selects[i].style.display = 'none'; select_divTag = document.createElement('div'); select_divTag.id = ...
主要是针对HTML中的`<div>`元素和`<select>`下拉菜单进行美化,并确保在不同浏览器,特别是老旧的Internet Explorer(IE6、IE7)以及Firefox上能正常显示和功能兼容。 网页设计中,`<div>`是一种布局容器,用于组织...
本文将深入探讨如何利用jQuery解决一个特定的问题:在IE6下,Select元素总是显示在具有较高z-index的图层(如div)之上。 首先,我们要理解z-index的概念。在CSS中,z-index是一个用于控制元素在垂直方向(即Z轴)...
/** * 让iframe 显示在 指定的div下面 针对ie6 select挡住div 的bug 采用 iframe来当作div的底 * * @param string divId 需要解决的div层 * @param string iframeId 采用的 IFRAME ,如果不指定 自动...
3. **跨浏览器兼容**:原生`<select>`在不同浏览器间表现不一致,使用div+css模拟可确保一致的显示效果。 4. **更好的可访问性**:通过优化HTML结构,可以更好地支持屏幕阅读器和其他辅助技术。 二、div+css模拟...
总的来说,使用`div+css`实现的`select`效果可以提供更加一致且美观的用户体验,同时通过合理的浏览器兼容性处理,确保在多种浏览器环境下都能良好运行。这不仅提升了页面的整体视觉品质,也使得网站的交互更加友好...
传统的HTML `<select>` 元素虽然简单易用,但其样式定制性有限,不能很好地适应现代网页的视觉需求。为了解决这个问题,开发者常常使用`div`元素配合CSS和JavaScript来模拟下拉菜单,以实现更加灵活和美观的效果。在...
select 在ie6下覆盖div bug 解决方案。 div 模拟select 单选 在 body onload事件中调用init_select方法就可,参数传相关背景图片就可。我都已经放到资源包下了。
本文将详细介绍如何解决div错位问题以及针对IE6、IE7和IE8的样式不兼容解决方案。 #### 一、理解IE6、IE7、IE8的CSS渲染差异 1. **IE6的盒模型问题**:IE6在处理CSS盒模型时存在bug,导致元素的宽度计算出现问题。...
标题中的"DIV模拟select下拉框"意味着我们将使用HTML的<div>元素来创建一个功能类似但视觉效果更佳的下拉选择菜单。这种方式的优势在于,我们可以自由地应用CSS来改变其样式,包括但不限于颜色、字体、边框、背景...
本教程将围绕“Div实现仿SelectDemo”这一主题,探讨如何利用jQuery创建一个高度可定制的Select插件。 首先,"Div实现仿SelectDemo"意味着我们不再依赖HTML的Select标签,而是用一个简单的Div元素作为基础结构。...