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更大的数值的目的也就是为了保证该层能一直显示在最上!

  • 相关阅读:
    Office Web Apps安装部署(一)
    TFS 2012使用简介
    SharePoint 2013 内容部署功能简介
    SharePoint 自定义WebPart之间的连接
    循环滚动新闻列表-懒人图库
    SharePoint 2010 文档管理之过期归档工具
    SharePoint 2010 文档管理系列之文档搜索
    SharePoint 网站登录不上,3次输入用户名/密码白页、
    SharePoint 门户添加内网域名
    JavaScript异常处理和事件处理
  • 原文地址:https://www.cnblogs.com/annie211/p/5932790.html
Copyright © 2011-2022 走看看