`
accphc
  • 浏览: 125284 次
  • 性别: Icon_minigender_1
  • 来自: CD
社区版块
存档分类
最新评论

解决IE6中select的z-index无效bug

    博客分类:
  • CSS
阅读更多

首先说一句:万恶的IE6!!!!作为web开发人员谁还在使用IE6的,面墙思过去!!!

如果你的项目引用了jQuery,可以使用bgiframe插件来解决select的遮挡div问题,原理很简单,就是建立一个同高同宽的iframe插入到div中去~bgiframe下载地址:http://github.com/brandonaaron/bgiframe,使用方法:

$('.fix-z-index').bgiframe();

参数说明:

top:设置top位置,默认为auto
left:设置left位置,默认为auto
width:设置iframe宽度,默认为auto
height:设置iframe高度,默认为auto
opacity:设置是否透明,默认为true
src:设置iframe的src,默认为javascript:false

分享到:
评论

相关推荐

    IE6之Select的Z-Index設定【解决IE6的z-indexBUG】

    在IE6的環境下,如果網頁上有div區塊和下拉選單重疊在一起的時候,即使再怎麼調整下拉選單的z-index,下拉選單還是會把div區塊蓋住(在Firefox是正常的),google了一下網路上的資料,大多是用iframe來解這個問題,但...

    jQuery中使用插件解决ie6下selectfqg元素设置z-index无效的问题!

    综上所述,jQuery插件如`select-fix`通过巧妙的方式解决了IE6下`<select>`元素`z-index`无效的问题,使得开发者在兼容旧版浏览器的同时,也能实现预期的页面布局效果。然而,随着技术的发展,对于不再支持这些老版本...

    IE6 select z-index无效,遮挡div bug的解决方法

    今天我说说iframe解决的一般方法,已经使用jQuery插件bgiframe解决IE6 select z-index无效,遮挡div的bug。 解决方法之一:Iframe包裹select元素 使用iframe包住select,这样iframe有z-index,只要在div上设置的z-...

    css里的z-index的使用

    1. **IE6/IE7中的<select>元素问题**:在IE6/IE7中,<select>元素的z-index值总是比其他元素高,即使它的z-index值设置得更低。这可能导致<select>元素覆盖其他元素,即使其他元素的z-index值更高。 2. **IE6/IE7...

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

    这个IFrame可以解决IE6中的z-index问题,使元素能够正确地遮挡住`<select>`。使用bgiframe时,需要引入jQuery库和bgiframe插件,并调用相应的方法将插件应用到目标元素上。 2. 创建透明IFrame:不依赖jQuery的情况...

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

    "解决IE6中 Div层挡不住Select组件"这个问题是一个典型的例子,它反映了IE6在CSS层叠样式和Z-index处理上的独特行为。 在现代浏览器中,我们可以利用CSS的`z-index`属性来控制元素的前后堆叠顺序,从而让某些元素...

    ie6下select覆盖div的解决办法

    这种方法在大多数现代浏览器中有效,但IE6可能会忽略z-index,除非元素也被定位(`position: absolute`或`relative`)。如果Select仍然在Div之上,可以尝试将Select也设置为`position: relative;`,并赋予一个比Div...

    学习CSS网页制作:z-index在IE中的迷惑.pdf

    在IE5.5及更高版本中,`iframe`开始支持`z-index`,但在更早的版本中,`iframe`被视为窗口控件,因此会忽略`z-index`属性。 `z-index`的工作原理涉及到一个叫做"stacking context"的概念。每个定位元素都在一个栈中...

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

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

    完美解决IE6下select控件样式

    "完美解决IE6下select控件样式"的资源针对的就是这个历史悠久的问题。Select控件是HTML中用于创建下拉菜单的元素,但在不同的浏览器中,其默认样式可能会有很大差异,特别是对于IE6,它的呈现效果通常不符合现代网页...

    浅析CSS--元素重叠及position定位的z-index顺序.docx

    对于特定情况,例如`Flash`元素和IE6下的`select`元素,可能需要特殊的处理,如更改`wmode`属性或使用`iframe`来解决窗口元素的遮挡问题。 总结来说,理解`position`定位和`z-index`的关系是解决元素重叠问题的关键...

    poshytip插件在IE6中,被select遮罩问题

    总之,解决PoshyTip在IE6下被`<select>`遮罩的问题需要对IE6的渲染机制有深入的理解,并结合CSS和JavaScript技巧进行调整。尽管现代浏览器已经广泛替代了IE6,但在维护旧项目或支持老用户时,这些问题依然可能出现,...

    浅析CSS--元素重叠及position定位的z-index顺序.pdf

    在处理窗口元素(如Flash)或特定浏览器(如IE6下的`select`元素)时,可能会遇到窗口元素遮挡非窗口元素的问题。此时,可以通过调整`wmode`属性、使用`iframe`或模拟`select`效果来解决。 总的来说,理解和熟练...

    IE6下 Jquery EasyUI 弹出窗口层无法挡住select 组件 解决方案

    但在IE6中,select元素具有一个特殊的默认z-index,即使其值较低,它仍然会浮在其他元素之上,特别是浮动或绝对定位的元素,如EasyUI的dialog。 解决这个问题的方法有几种: 1. **修改CSS**:为弹出窗口的div添加...

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

    在IE6中,`select`元素被视为具有更高的层级,即使它的`z-index`值低于其他元素。这是因为IE6对`z-index`的处理方式与现代浏览器不同,它不尊重非定位元素(如`select`)的`z-index`属性。 为了解决这个问题,我们...

    解决IE6下三级下拉菜单被select遮挡的问题.docx

    在IE6浏览器中,由于其自身的布局和渲染机制存在一些bug,导致在实现多级下拉菜单时,可能会出现下拉菜单被页面中的`<select>`元素遮挡的问题。这个问题对于网页开发者来说是一个常见的头疼问题,尤其是在需要兼容旧...

    IE6中select标签的option不能disabled的解决方案

    通过使用`select-option-disabled-emulation.js`,开发者能够在不牺牲兼容性的前提下,为IE6用户提供与现代浏览器相同的体验。这在那个时候是非常重要的,因为IE6的市场份额相当大,强制用户升级浏览器并不是一个...

    select2-4.0.5.tar.gz

    在本文中,我们将详细探讨`select2-4.0.5`版本的特性、核心功能以及如何在项目中有效应用。 首先,`select2`的核心价值在于其强大的模糊查询功能。在传统的HTML下拉菜单中,用户通常需要逐个浏览选项才能找到目标,...

    ie6下select遮挡div

    这个插件,可能是名为“bgiframe”的插件(从压缩包子文件的文件名推断),被设计用来解决IE6下select遮挡div的问题。bgiframe插件会在被遮挡的元素上创建一个背景iframe,通过这种方式,即使在select控件存在的情况...

Global site tag (gtag.js) - Google Analytics