z-index属性在IE7和IE6的兼容问题_html/css_WEB-ITnose
程序员文章站
2022-05-22 16:29:31
...
z-index属性在IE7和IE6的兼容问题:
采用定位的元素有可能就会用到z-index属性,不过具有一定的浏览器兼容问题,不用问基本属于IE低版本浏览器的问题,因为它的前科实在太多了,虽然现在用低版本浏览器的用户越来越少,相信不出几年就会消失,但是毕竟现在还是存在的,下面就介绍一下如何解决z-index属性在IE7和IE6浏览器的兼容问题。
代码实例如下:
采用定位的元素有可能就会用到z-index属性,不过具有一定的浏览器兼容问题,不用问基本属于IE低版本浏览器的问题,因为它的前科实在太多了,虽然现在用低版本浏览器的用户越来越少,相信不出几年就会消失,但是毕竟现在还是存在的,下面就介绍一下如何解决z-index属性在IE7和IE6浏览器的兼容问题。
代码实例如下:
蚂蚁部落
特别说明:以上代码最好复制黏贴到本地进行测试,否则可能无法正确显示效果。
代码在标准浏览器或者IE8和IE8以上浏览器运行的时候,红色的能够覆盖黑色的,但是在IE7和IE7以下浏览器中则不能,下面介绍一下如何解决此问题,a和b元素都添加z-index属性即可实现正确显示效果,这是因为在标准浏览器或者IE8和IE8以上浏览器中,如果定位元素没有设置z-index属性值,那么此值默认为auto,而在IE7和IE6中,此值为0,根据相关z-index层级树等相关原则就会导致此现象,具体可以参阅CSS的z-index属性用法详解和z-index在IE6和IE7的兼容性问题一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11598
更多内容可以参阅:http://www.softwhy.com/divcss/
上一篇: 织梦模板标记简介_PHP教程
推荐阅读
-
IE6、IE7下的z-index问题_html/css_WEB-ITnose
-
我遇到一个问题,这个页面在ie7,ie8下显示正常,但在IE6下显示就是页面左边的显示正常,右边的整个被挤到下边去了,而且是右下边,各位帮忙看一下?_html/css_WEB-ITnose
-
z-index属性在IE7和IE6的兼容问题_html/css_WEB-ITnose
-
z-index属性在IE7和IE6的兼容问题_html/css_WEB-ITnose
-
我遇到一个问题,这个页面在ie7,ie8下显示正常,但在IE6下显示就是页面左边的显示正常,右边的整个被挤到下边去了,而且是右下边,各位帮忙看一下?_html/css_WEB-ITnose
-
【超有用】DIV 的定位问题在IE6和IE7的CSS设置(转)_html/css_WEB-ITnose
-
在IE7中的效果,到IE9和其它浏览器中就失效了?要怎么办?_html/css_WEB-ITnose
-
用css如何实现:让一个div的背景色在IE6中显示成红色,在IE7中显示成蓝色,IE8中显示成绿色?_html/css_WEB-ITnose
-
CSS z-index 属性的使用方法和层级树的概念_html/css_WEB-ITnose
-
【超有用】DIV 的定位问题在IE6和IE7的CSS设置(转)_html/css_WEB-ITnose