溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML CSS決定定位、濾鏡

發(fā)布時間:2020-06-14 19:21:21 來源:網(wǎng)絡(luò) 閱讀:410 作者:ShuenWang 欄目:開發(fā)技術(shù)

1.position:relative;相對對位

不影響元素本身的特性;

不使元素脫離文檔流;

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

定位元素位置控制:top/right/bottom/left;

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


給父級就加上定位元素;

在IE6下定位元素的父寬高都為奇數(shù)時,定位元素的bottom和right會有


1px的偏差

2.position:absolute;絕對定位

可以使元素脫離文檔流

使內(nèi)嵌支持寬高;

塊屬性標簽內(nèi)容撐開寬度;

定位元素默認后者層級高于前者;

相對于整個文檔進行定位偏移量;

如果有定位父級就相對于定位父級偏移,沒有父級定位就相對于文檔偏


移;

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

可以用來清浮動

3.position:fixed;固定定位;

可以使元素脫離文檔流;

可以使內(nèi)嵌支持寬高;

相對于整個文檔進行定位偏移量;

與絕對定位的差別定位父級對固定定位不產(chǎn)生影響,始終對于文檔進行


偏移;

問題: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)


向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI