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<html<文檔


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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章