zoukankan      html  css  js  c++  java
  • css中zoom:1以及z-index的作用

    一、CSS中zoom:1的作用
    在做IE6、IE7、IE8浏览器兼容的时候,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:
    1、触发IE浏览器的haslayout
    2、解决IE下的浮动,margin重叠等一些问题。

    二、z-index:auto|number;

    ◆auto遵从其父对象的定位

    ◆number无单位的整数值。可为负数

    position属性中的“后来居上”这个显示规则是没有兼容性问题的,所以,要想一个元素上面显示,直接放后面就可以了,无需z-index。

    泛滥的z-index既浪费代码,又不利于后期维护和他人接受,为何不扔掉呢。记住,这个世界上本没有z-index


    CSS样式,把z-index设置为999或很大,是什么意思?z-index是针对网页显示中的一个特殊属性.因为显示器是显示的图案是一个二维平面,拥有x轴和y轴来表示位置属性.为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别.表示一个元素在叠加顺序上的上下立体关系.根据 W3C CSS2.1 规范中的描述,'z-index' 应用于定位元素( 'position' 特性不是 static ),它接受整数值,默认值为 auto。

    意思就是说'z-index' 只有在层有绝对或者相对定位的时候才会起作用,'z-index' 默认值为auto。

    如果2个或2个以上通过绝对或者相对定位的层有重叠的时候,这个时候'z-index' 的值谁的大就那个层显示在最上面!直接设置个999或者是比999更大的数值的目的也就是为了保证该层能一直显示在最上!

  • 相关阅读:
    python os.open()和open()
    巨坑:浏览器在短时间内对于同一个请求的处理,会先等待上一个请求完成后,再处理下一个请求,导致在测试异步时误导代码有问题。
    写在开始
    租房小记
    小聚随笔
    由游戏想。(补发)
    对于devOps的一些理解(补发)
    写在2020-01-30(补发)
    杂谈
    如何对抗无意识状态(补发)
  • 原文地址:https://www.cnblogs.com/annie211/p/5932790.html
Copyright © 2011-2022 走看看