`
niunan
  • 浏览: 721288 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
社区版块
存档分类
最新评论

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

阅读更多

      没用插件时的效果如下,这是在IE6下预览的结果,层的z-index不管设置多大都没用,select元素还是会在层上的

 

    用了插件后的效果
 

 

select元素会自动隐藏,当层消失会又会自动显示,

此插件用法很简单:

$(".board").bgiframe();  // 解决ie6下select元素会在上面的问题 

 之前记得先导入相应的JQUERY文件及插件,下面附上源码,源码中的那个弹出窗口的样式是自己对着效果图用CSS自己一点一点做的,CSS有时候真的很烦。。。消灭IE6,人人有责!

 

 

  • 大小: 8.7 KB
  • 大小: 5 KB
分享到:
评论
1 楼 niunan 2009-02-14  
又经研究发现,bgiframe插件用在IE8中会有点问题的,想想之后,其实对于这种问题没必要用到插件的,反正层下面的东西都按不了,干脆在层显示的时候把所有的select元素都隐藏起来,这样就行了,当层隐藏的时候又把所有select元素都显示出来。。

相关推荐

    ie6中解决z-index

    因此,要解决IE6的`z-index`问题,首先要确保需要调整堆叠顺序的元素设置了非`static`的`position`值。 其次,IE6的`z-index`计算基于包含块,而不是整个页面。这意味着只有在同一层级(拥有共同祖先,且该祖先的`...

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

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

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

    本文将深入探讨PoshyTip在IE6下被`<select>`元素遮罩的问题,以及如何解决这个问题。 首先,我们需要理解IE6的布局和渲染机制。IE6采用的是“hasLayout”模型,其中某些元素(如`<select>`)在页面上拥有特殊的渲染...

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

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

    z-pager.js分页插件.zip

    总结来说,`z-pager.js`是一款功能齐全、易于使用的jQuery分页插件,结合`pager.css`样式文件,能够快速实现美观且实用的分页功能。无论是新手还是经验丰富的开发者,都可以通过简单的配置和调用,轻松地在项目中...

    基于Jquery可居中显示并兼容IE6+/FF等浏览器的瀑布流程序(jquery.easing.js,jquery.vgrid.js实现)

    在本项目中,通过结合Jquery库和两个特定的插件——jquery.easing.js与jquery.vgrid.js,实现了这种布局,并且确保了在包括IE6+以及Firefox在内的多种浏览器中的兼容性。 1. Jquery:Jquery是一个广泛使用的...

    jQuery摄像头插件jquery-webcam-plugin

    要使用`jQuery webcam plugin`,首先需要在项目中引入jQuery库以及插件的JavaScript和CSS文件。接着,需要在HTML中创建一个用于显示摄像头预览的元素,例如一个`div`,并为其添加特定的ID。然后,通过以下JavaScript...

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

    本文将详细探讨一个特定的问题,即在Internet Explorer 6(IE6)环境下,使用JQuery EasyUI时,弹出窗口(对话框)无法正确遮挡页面上的select组件,以及如何解决这一问题。 JQuery EasyUI是一个基于jQuery的UI库,...

    前端项目-jquery-bgiframe.zip

    本项目“前端项目-jquery-bgiframe.zip”聚焦于一个特定的jQuery插件——bgiframe,它专为了解决在Internet Explorer浏览器(尤其是早期版本)中遇到的z-index问题而设计。 z-index是CSS中的一个属性,用于控制元素...

    jquery插件解决IE6到IE9版本不支持placeholder的问题(包括网页含多个password的特殊处理)

    jquery插件解决IE6到IE9版本不支持placeholder的问题,支持同一个网页包含多个password input的版本。用法:下载插件并引用,将插件代码里面的login-input改成自己的密码input输入框的样式即可。

    摄像头方案----jQuery插件(兼容IE19到11).rar

    标题提及的"摄像头方案----jQuery插件(兼容IE19到11).rar"是一个针对老旧浏览器(如Internet Explorer 9至11)的解决方案,它使用了jQuery和Flash技术来确保在不支持HTML5原生摄像头API的浏览器中也能正常工作。...

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

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

    ActiveX插件的Z-Index属性无效问题解决

    综上所述,解决ActiveX插件或有窗体元素的z-index属性无效问题有多种方法。最传统的方法是通过iframe手动调整层叠顺序,而借助jQuery等JavaScript库或特定前端框架的支持,则可以更简便地解决这一问题。这些方法在...

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

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

    jquery media插件 在线显示pdf (兼容ie 各个版本 ,火狐,谷歌)

    jQuery Media插件就是这样一个优秀的解决方案,它专门设计用于在各种浏览器环境下,包括IE各个版本、火狐以及谷歌浏览器中,流畅地显示PDF文件。 jQuery Media插件是基于流行的JavaScript库jQuery构建的,旨在增强...

    Jquery的2款具有滑动效果的导航代码

    --[if lt IE 7 ]><html class="no-js ie6" lang="en"><![endif]--> <!--[if IE 7 ]><html class="no-js ie7" lang="en"><![endif]--> <!--[if IE 8 ]><html class="no-js ie8" lang="en"><![endif]--> <!--[if...

    拖动排序元素jquery插件

    在实际应用中,使用这样的拖动排序元素jQuery插件通常需要以下步骤: 1. 在HTML文件中引入jQuery库和插件的JS/CSS文件。 2. 选择需要拖动排序的元素,通常使用jQuery的选择器。 3. 调用插件的初始化函数,设置必要的...

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

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

    jQuery图片预览插件

    在实际项目中,jQuery图片预览插件的使用通常涉及以下几个步骤: 1. **引入资源**:在HTML文件中,我们需要引入jQuery库以及相关的CSS和JavaScript文件,例如`jquery.lightbox.js`和对应的样式表。 2. **HTML结构*...

Global site tag (gtag.js) - Google Analytics