定位流之z index屬性

1.固定定位是脫離標準流的，不會占用標準流的空間

2.和絕對定位有點像，也不區分行內塊級元素
3.類似於前面學的背景關聯方式（讓某個背景不隨滾動而滾動）讓某個元素不隨著滾動條的滾動而滾動
ie6不支援固定定位

定義：預設情況所以元素的z-index屬性是0;

作用是專門用於控制定位流元素的覆蓋關係的
預設情況下定位流的元素會蓋住標準流的元素
後面編寫的定位流會蓋住前面編寫的定位流元素
在企業開發中：可能不止一次用了定位流，而根據定位流的性質，很有可能後面的元素會蓋住前面的元素從而影響整個布局，為了解決這個問題，引入了z-index屬性，元素z-index屬性大的會覆蓋屬性小的元素
從父原則：當子元素的父元素有z-index屬性時，比較會看父元素的屬性而子元素設定的屬性就無效了

doctype html
>
<
html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>定位流中的z-index屬性
title
>
<
style
>
*div
.box1
.box2
.box3
style
>
head
>
<
body
>
<
div 
class
="box1"
>
div>
<
div 
class
="box2"
>
div>
<
div 
class
="box3"
>
div>
body
>
html
>

zoom屬性 其它 和z index屬性 定位

一.zoom屬性 可設值1.0 100 小數,整數,百分數 作用,值為1.0就為原始大小,2就是兩倍如此類推 css中文手冊中的例子 您所看到的文字塊的名字是小強，的名字是旺財，請您從下方的選擇框內加減選擇旺財和小強的zoom值，看一看會發生什麼，然後您就會明白這個屬性的意義。希望您喜歡這本電子書。...

CSS學習筆記之 z index屬性》

z index是針對網頁顯示中的乙個特殊屬性。因為顯示器是顯示的圖案是乙個二維平面，擁有x軸和y軸來表示位置屬性。為了表示三維立體的概念如顯示元素的上下層的疊加順序引入了z index屬性來表示z軸的區別。表示乙個元素在疊加順序上的上下立體關係。由此圖可以顯而易見的，z index越大越靠前，z i...

z index屬性簡介

z index屬性簡介 引用 z index auto number auto 預設值。number 無單位的整數值，可為負數。z index 值較大的元素將疊加在z index值較小的元素之上。對於未指定此屬性的定位物件，z index 值為正數的物件會在其之上，而z index 值為負數的物件在...