`

在IE6中浮动层遮盖不住select的方法

阅读更多
第一次遇到这个问题,然后也是第一次听到标签也有优先级别.它们的优先级别分别是:
div>iframe>select.
解决办法:
 1.最好的解决办法就是在这个浮动层的同一级加上一个iframe框架,因为iframe框架的优先级别比较的高.
  再就是说,用css将iframe与浮动层重叠,将iframe置与浮动层的下一次,即将text-index比浮动层设得少一点,这样问题就解决了.
  但是有时,css中的z-index还是起不了多大的作用,因此在针对与IE6的这种情况,我只能用条件注释了.
  还有一种用jquery可以解决的办法(可性高):
  在调用jquery.js后,加入jquery的一个插件jquery.bgiframe.pack.js
  使用方法:
在xhtml 中调用
$(document).ready(function() { 
   $('#floatingBox').bgiframe();  //#floatingBox为浮动的层,即挡住select的那个层。
});

具体的案例请看demo.


1
0
分享到:
评论

相关推荐

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

    然而,在IE6中,对于某些非标准元素(如浮动元素或绝对定位元素),z-index的处理方式与现代浏览器有所不同,特别是当元素是Select框时,它的层级表现往往不受z-index控制。 针对这个问题,jQuery提供了一种解决...

    jquery.bgiframe.js

    jquery.bgiframe.js,解决ie6里边的select遮盖浮动框的问题。

    2016前端面试题及答案.docx

    10. **IE6常见bug及解决方法**:包括双边距问题、3像素问题、超链接hover失效、z-index问题、PNG透明问题、min-height问题和select遮盖问题。 11. **title与alt属性**:title提供鼠标悬停时的提示信息,alt是在图片...

    超文标记语言

    - **select在IE6下的遮盖问题**:使用`iframe`嵌套可以解决。 - **无法定义1px宽度容器**:IE6默认的行高会导致1px宽度的问题,可以通过调整`overflow`属性来解决。 #### 十一、`<img>`标签上的`title`与`alt`属性 ...

    web前端面试题1

    10. **IE6常见BUG及解决方法**:包括双边距问题、3像素问题、超链接hover失效、z-index问题、PNG透明问题、min-height问题、select遮盖问题,以及1像素宽度容器问题。 11. **title与alt属性**:`title`用于鼠标悬停...

    前端面试题大集合

    - Select在IE6下的遮盖问题:使用iframe嵌套。 - 宽度容器问题:使用`overflow: hidden`。 - **解决方法**:针对不同问题采取相应的解决方案。 #### 九、HTML的语义化 - **语义化**:使用合适的HTML标签来描述...

    史上最全前端面试题(含答案).docx

    10. **IE6常见BUG及解决方案**:包括双边距问题、3像素问题、超链接hover失效、z-index问题、PNG透明问题、min-height问题和select遮盖问题。 11. **img标签的title与alt属性**:`alt`属性是当图片无法显示时的文字...

    前端面试题

    ### 前端面试题详解 #### 一、WEB标准及W3C的理解与认识 ...这些标准旨在使Web更加标准化、易于访问和维护。... - **this指向问题**:在DOM事件流中,`this`指向触发事件的元素,在IE中可能指向其他对象。

    2016前端面试题及答案.pdf

    10. **IE6常见bug的解决方法**:双边距bug通过display属性解决,3像素问题使用display:inline,超链接hover失效需调整顺序,z-index问题给父级设置position,PNG透明问题用js,min-height使用!important,select遮盖...

    最新史上最全前端面试题(含答案).docx

    10. **IE6常见BUG及解决方案**:双边距BUG、3像素问题、超链接hover失效、z-index问题、PNG透明问题、min-height问题、select遮盖问题、1px宽度容器问题等,通过各种CSS技巧或JavaScript解决。 11. **标签title与...

Global site tag (gtag.js) - Google Analytics