`

IE6下div不能将select框遮住

IE 
阅读更多
<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选择控件.

分享到:
评论

相关推荐

    解决IE6中 Div层挡不住Select组件

    1. **使用iframe**:将需要覆盖`select`的`div`内容放入一个`iframe`中,由于`iframe`在IE6中拥有独立的堆叠上下文,可以有效遮挡`select`。 2. **模拟Select**:使用JavaScript或jQuery库(如`select2`或`...

    解决IE6 中select 穿透 div 等层的问题

    在互联网的早期,Internet Explorer 6 (简称IE6) 是一款广泛应用的浏览器,但它的兼容性和渲染机制存在诸多问题,其中一个问题就是“select穿透div”的现象。这个问题在现代浏览器中通常不会出现,但在IE6中,`...

    ie6下DIV覆盖select框js解决代码

    总结来说,解决IE6下`div`覆盖`select`框的问题需要理解浏览器的层叠上下文规则,并利用JavaScript动态调整元素的样式。虽然这种问题在现代浏览器中很少出现,但在维护旧项目或考虑跨浏览器兼容性时,理解并掌握这种...

    IE6下div层被select控件遮住的问题解决方法

    总结来说,面对IE6中的`div`层被`select`控件遮住的问题,我们可以利用`iframe`作为遮罩,并通过设置`z-index`和动态调整`iframe`尺寸的方法来解决。虽然这个方法在现代浏览器中可能不再适用,但对于仍然需要支持IE6...

    ie6下select遮挡div

    标题“ie6下select遮挡div”指出的是一个典型的IE6特有的问题:当在网页上使用select下拉框时,它会覆盖在其他使用绝对或相对定位的元素(如div)之上,导致这些元素无法正常显示。这个问题对于设计美观且交互性强的...

    ie6下select覆盖div的解决办法

    总的来说,解决IE6下的Select覆盖Div问题需要根据实际情况灵活运用上述方法。在现代浏览器广泛使用的今天,虽然IE6的市场份额已经非常小,但考虑到部分用户可能还在使用,开发者仍需关注此类兼容性问题。在解决这类...

    用div+jq高仿ie6的select表单随内容增加-2012-11-1

    用div+jq高仿ie6的select表单随内容增加 进行了一个升级,将其做成一个类似插件的形式; 在html中,依旧是应用传统的select进行布局,只需要给select一个class为toDiv,就可以动态的将select替换为已经设置好了的div...

    div模拟select自定义下拉列表框(jQuery)

    `div模拟select自定义下拉列表框`是一种常见做法,它利用JavaScript(如jQuery)和CSS来实现,可以提供比原生`&lt;select&gt;`元素更丰富的样式控制和交互体验。本篇将详细介绍这种技术及其应用。 一、为什么使用div模拟...

    Div 制作的SELECT

    用DIV模仿SELECT下拉框 function replaceSelects() { try{ for (i=0;i;i++){ // 隐藏 select selects[i].style.display = 'none'; select_divTag = document.createElement('div'); select_divTag.id = ...

    DIV+select美化支持IE6 IE7 火狐(门户搜索)觉得兼容

    主要是针对HTML中的`&lt;div&gt;`元素和`&lt;select&gt;`下拉菜单进行美化,并确保在不同浏览器,特别是老旧的Internet Explorer(IE6、IE7)以及Firefox上能正常显示和功能兼容。 网页设计中,`&lt;div&gt;`是一种布局容器,用于组织...

    Jquery 解决IE6 Select 框总是在图层(div)的上面显示的BUG

    本文将深入探讨如何利用jQuery解决一个特定的问题:在IE6下,Select元素总是显示在具有较高z-index的图层(如div)之上。 首先,我们要理解z-index的概念。在CSS中,z-index是一个用于控制元素在垂直方向(即Z轴)...

    解决 Ie 6下 select挡住div的通用函数

    /** * 让iframe 显示在 指定的div下面 针对ie6 select挡住div 的bug 采用 iframe来当作div的底 * * @param string divId 需要解决的div层 * @param string iframeId 采用的 IFRAME ,如果不指定 自动...

    div+css模拟select

    3. **跨浏览器兼容**:原生`&lt;select&gt;`在不同浏览器间表现不一致,使用div+css模拟可确保一致的显示效果。 4. **更好的可访问性**:通过优化HTML结构,可以更好地支持屏幕阅读器和其他辅助技术。 二、div+css模拟...

    div+css select效果

    总的来说,使用`div+css`实现的`select`效果可以提供更加一致且美观的用户体验,同时通过合理的浏览器兼容性处理,确保在多种浏览器环境下都能良好运行。这不仅提升了页面的整体视觉品质,也使得网站的交互更加友好...

    div模拟下拉菜单(select)jquery插件.gz

    传统的HTML `&lt;select&gt;` 元素虽然简单易用,但其样式定制性有限,不能很好地适应现代网页的视觉需求。为了解决这个问题,开发者常常使用`div`元素配合CSS和JavaScript来模拟下拉菜单,以实现更加灵活和美观的效果。在...

    div 模拟select 单选

    select 在ie6下覆盖div bug 解决方案。 div 模拟select 单选 在 body onload事件中调用init_select方法就可,参数传相关背景图片就可。我都已经放到资源包下了。

    div错位解决IE6IE7IE8样式不兼容问题

    本文将详细介绍如何解决div错位问题以及针对IE6、IE7和IE8的样式不兼容解决方案。 #### 一、理解IE6、IE7、IE8的CSS渲染差异 1. **IE6的盒模型问题**:IE6在处理CSS盒模型时存在bug,导致元素的宽度计算出现问题。...

    DIV模拟select下拉框

    标题中的"DIV模拟select下拉框"意味着我们将使用HTML的&lt;div&gt;元素来创建一个功能类似但视觉效果更佳的下拉选择菜单。这种方式的优势在于,我们可以自由地应用CSS来改变其样式,包括但不限于颜色、字体、边框、背景...

    Div实现仿SelectDemo

    本教程将围绕“Div实现仿SelectDemo”这一主题,探讨如何利用jQuery创建一个高度可定制的Select插件。 首先,"Div实现仿SelectDemo"意味着我们不再依赖HTML的Select标签,而是用一个简单的Div元素作为基础结构。...

Global site tag (gtag.js) - Google Analytics