元素层级与浏览器兼容

元素层级问题

“文件”流

0. 定位流（z-index 是负数）
1. 标准文档流
2. 浮动流
3. 定位流（直接开的定位）

浏览器的兼容

某些CSS属性还只是最新版的预览版，并未发布成最终的正式版，而大部分浏览器已经为这些属性提供了支持，但这些属性是小部分浏览器专有的；

有些时候，有些浏览器为了扩展某方面的功能，它们会选择新增的一些CSS属性，这些自行扩展的CSS属性也是浏览器专属的

为了让这些浏览器识别这些专属属性，CSS规范允许在CSS属性前增加各自的浏览器前缀

    css属性名
        -moz-：代表 firefox 浏览器私有属性
        -ms-：代表 ie 浏览器私有属性
        -webkit-：代表 safari、chrome 私有属性
        -o-：代表 Opera 私有属性

浏览器及其内核

1、IE浏览器内核：Trident内核，也是俗称的IE内核；

2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核；

3、苹果Safari浏览器内核：Webkit内核，特点是不受IE、Firefox等内核的约束，比较安全；

---

4、Firefox浏览器内核：Gecko内核，俗称Firefox内核；

5、Opera浏览器内核：最初是自己的Presto内核，后来加入谷歌大军，从Webkit又到了Blink内核；

---

6、360浏览器、猎豹浏览器内核：IE+Chrome双内核；

7、搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+Webkit（高速模式）；

8、百度浏览器、世界之窗内核：IE内核；

9、2345浏览器内核：好像以前是IE内核，现在也是IE+Chrome双内核了；

10、UC浏览器内核：这个众口不一，UC说是他们自己研发的U3内核，但好像还是基于Webkit和Trident，还有说是基于火狐内核

---

透明度的设置

css3的opacity:x，x 的取值从 0 到 1，如opacity: 0.8
css3的rgba(red, green, blue, alpha)，alpha的取值从 0 到 1，如rgba(255,255,255,0.8)

IE专属滤镜 filter:Alpha(opacity=x)，x 的取值从 0 到 100，如filter:Alpha(opacity=80)