HTML CSS決定定位、濾鏡詳細介紹

1.position:relative;相對對位

不影響元素本身的特性；

不會使元素脫離文件流；

如果沒有定位偏移量，對元素本身沒有任何影響；

定位元素位置控制：top/right/bottom/left；

IE6下父級的overflow：hidden是包不住子集的相對定位；解決只需要

給父級就加上定位元素；

在IE6下定位元素的父寬高都為奇數時，定位元素的bottom和right會有

1px的偏差

2.position:absolute;絕對定位

可以使元素脫離文件流

使內嵌支援寬高;

# 區塊屬性標籤內容撐開寬度；

定位元素預設後者層級高於前者；

# 相對於整個文件進行定位偏移量；

如果有定位父級就相對於定位父級偏移，沒有父級定位就相對於文檔偏

移；

相對定位一般都是配合絕對定位使用的(使用相當多)；

可以用來清除浮動

3.position:fixed;固定定位；

可以使元素脫離文件流；

可以使內嵌支持寬高；

相對於整個文件進行定位偏移量；

與絕對定位的差別定位父級對固定定位不產生影響，總是對文件進行

偏移；

問題：IE6是不相容固定定位

可以用來清除浮動

4.position:static;預設沒有定位

5 .position:inherit:繼承；工作中基本上沒什麼用

4.z-index:[number];定位層級z-index:1;

body

5.濾鏡，不透明度opacity：0~1；IE私有濾鏡filter:alpha(opacity=0~100)

以上是HTML CSS決定定位、濾鏡詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！