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 值為負數的物件在...