首頁 > web前端 > html教學 > HTML CSS決定定位、濾鏡詳細介紹

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

高洛峰
發布: 2017-03-31 11:17:31
原創
2023 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板