z-index 有时候设置了很高的值如:z-index:999; 但是最后在 IE7中却达不到我们想要的效果，设置了z-index还是被遮盖了。因为其实是IE7的渲染DOM的问题，当一个父容器被定位(如position:relative)的时候,子元素的z-index属性会被重置。
解决办法： 在父容器中加上z-index值就可以了。z-index属性必须与position配合用，否则不会生效的。
wenyier
- 浏览: 76886 次
- 性别:
-
文章分类
最新评论
分享到：
发表评论
-
前端学习文章【1】
2015-08-17 09:20 445移动时代的前端加密 http://div.io/topic ... -
Animator：短小精悍的CSS3动画库
2015-07-05 08:47 925参考：http://www.w3cfuns.com/blog ... -
前端在线工具汇总
2015-07-03 11:15 663在线工具集锦： http://tool.oschina. ... -
阿拉伯语等右向左排版文字CSS解决方案
2015-06-28 10:26 4225国际化市场，二十七国文字，其中免不了“反常态”的语种，比如 ... -
\5fae\8f6f\96c5\9ed1的意思
2015-06-02 10:59 995下面这个CSS是啥意思：font-family:\5FAE ... -
用3个步骤实现响应式网页设计
2014-11-04 15:44 641第一步：Meta标签（查看演示）大多数移动浏览器将 ... -
收藏本站代码
2014-10-30 10:20 955function addToFavorite() { ... -
有效防止移动搜索转码
2014-10-16 14:32 573在全站头部加个meta： <metahttp- ... -
网站字体样式该如何选择
2014-09-21 09:56 497详解中文字体访问一峰老师博客：http://www.ruany ... -
Css Sprite
2014-09-14 17:43 498Css Sprite也被为CSS精灵，这是前端攻城师必 ... -
修改输入框placeholder文字默认颜色-webkit-input-placeholder
2014-09-14 16:42 3006html5为input添加了原生的占位符属性placeho ... -
响应式设计的 5 个 CSS 实用技巧
2014-09-13 16:15 540响应式的Web设计其实并不难，但是要让元素在布 ... -
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
2014-09-10 21:41 656HTML5的语义化标签以及 ... -
编写高质量代码base.css
2014-09-04 16:43 658@charset "utf-8"; / ... -
em（倍）与px的区别
2014-09-04 16:39 387在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝 ... -
前端的一些内容及各大浏览器的兼容性
2014-08-26 22:04 600默认样式重置(css reset) ... -
如何在IE7下兼容半透明
2014-08-24 09:51 502background:#3598DB; filter:al ... -
从Web字体谈起——默认字体样式设置
2014-08-01 10:07 2495在网页设计中字体的设置不可小觑，好的字体让人赏心悦目，凌乱 ... -
响应式十日谈第一日：使用 rem 设置文字大小
2014-07-24 10:50 629上面回顾： 在序言中我们已经提到了响应式的一些基本理念， ... -
搜狐WEB标准_前端技术应用规范
2014-07-22 16:16 473搜狐WEB标准_前端技术应用规范
相关推荐
在IE6的環境下，如果網頁上有div區塊和下拉選單重疊在一起的時候，即使再怎麼調整下拉選單的z-index，下拉選單還是會把div區塊蓋住(在Firefox是正常的)，google了一下網路上的資料，大多是用iframe來解這個問題，但...
在非IE7浏览器中，z-index的使用是相对直观和可靠的，但在IE7及更早版本中，由于引擎的限制或bug，出现了上述提到的覆盖问题。 在传统的CSS中，position:relative 与 position:absolute 是常用的定位方式。position...
position值为非static时，如果不设置z-index属性，IE6/7下z-index默认为0，而IE8及以上浏览器z-index为auto，且zindex:auto的元素不参与堆叠优先级比较。 ff/chrome z-index IE6/7 IE8/9 不设置 0 auto au
今天我说说iframe解决的一般方法，已经使用jQuery插件bgiframe解决IE6 select z-index无效，遮挡div的bug。 解决方法之一：Iframe包裹select元素 使用iframe包住select，这样iframe有z-index，只要在div上设置的z-...
本文将深入探讨如何利用jQuery解决一个特定的问题：在IE6下，Select元素总是显示在具有较高z-index的图层（如div）之上。 首先，我们要理解z-index的概念。在CSS中，z-index是一个用于控制元素在垂直方向（即Z轴）...
在IE6浏览器中，由于其自身的布局和渲染机制存在一些bug，导致在实现多级下拉菜单时，可能会出现下拉菜单被页面中的`<select>`元素遮挡的问题。这个问题对于网页开发者来说是一个常见的头疼问题，尤其是在需要兼容旧...
然而，在旧版IE浏览器中，特别是IE6，存在一个著名的bug，使得某些元素的z-index无法正确生效，特别是在浮动元素和绝对定位元素之间。这个问题通常会导致重叠元素的显示异常，遮挡了预期应该在上层显示的内容。 ...
但是，IE6并不完全支持`z-index`，导致在某些情况下，即使设置了较高的`z-index`，弹出层仍然会被其他元素遮挡。这在使用多个重叠的弹出层时尤为明显。 为了解决这个问题，我们可以利用jQuery动态调整元素的`z-...
2. **设置更高的z-index**：尽管在IE6中可能不起作用，但还是值得尝试为受影响的`<div>`元素设置一个高于下拉菜单的`z-index`值。 3. **使用hasLayout属性**：IE6中有一些元素拥有一个称为“hasLayout”的内部属性...
#### 一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSShack兼容一览表 为了确保网站能在不同的浏览器中呈现出一致的效果，了解和掌握各种CSS hack技巧是非常重要的。以下是一些常用且有效的CSS hack方法： 1. **区别IE...
4. 层叠上下文：IE浏览器对于层叠上下文的处理与Firefox有所不同，可能需要调整`z-index`。 十三、微软IE6浏览器的应用分析 IE6的兼容性问题尤为突出，包括PNG透明度支持、浮动元素的双倍边距、CSS表达式等。在可能...
在早期的Internet Explorer 6（简称IE6）浏览器中，存在一个著名的布局bug，这个问题主要涉及到`<select>`元素与`<div>`元素的层叠上下文（Z-index）处理。当一个`<div>`元素试图遮盖页面中的下拉列表框`<select>`时...
IE6对层叠上下文的理解不同于其他浏览器，可能导致z-index问题。可以通过设置`z-index`和`position`属性来调整元素的堆叠顺序。 9. **CSS表达式** CSS表达式（`expression`）在IE6/7中可用，但性能较差，应尽量...
在这个例子中，尽管绝对定位的黄色元素设置了较高的`z-index`，但由于它与后续的相对定位元素重叠，且父元素没有足够的`z-index`来保证其显示，因此在IE6和IE7中可能会被遮挡。解决这个问题的常见办法是提升父元素的...
2. **z-index BUG依然存在**：IE8并没有完全修复z-index的处理方式，可能导致层叠顺序的混乱。开发者可能需要使用负值z-index或其他Hack来解决。 3. **行高（line-height）BUG**：IE8可能存在新的行高渲染问题，这...
- **IE6的`z-index`无效**：在某些情况下，IE6的`z-index`不起作用，可以通过设置父元素的`hasLayout`或使用`position:relative`解决。 - **3像素问题**：在IE6中，水平边距计算错误，可通过负边距修正。 - **...
服务器：Windows 2000及IIS5.0以上，需要ADO数据库、FSO、XMLDOM等系统组件支持和空间的读写权限，具体请查询网络服务商或查看本机...8、调整了WAP文本过滤BUG;9、精简了大量WAP内核代码;10、增加了几个UBB代码的支持;
这个问题是由于IE6对层叠上下文（CSS z-index）处理的一个已知bug。为了解决这个问题，一种常见的解决方案是在`div`内嵌套一个`iframe`。 首先，我们需要理解为什么会出现这种现象。在正常情况下，通过调整元素的`z...
这可能是因为IE对CSS:hover伪类的处理方式与其它现代浏览器不同，或者由于CSS层叠上下文（z-index）和定位（positioning）的问题导致。而通过为二级菜单添加背景色，可以有效地修复这个问题，这通常是因为背景色的...