定位浮動層級權重問題

1.1   JS關閉a連接的跳轉

<a href="javascript:;">1111111111</a>
<a href="javascript:void(0)">1111</a>

1.2   權重問題

left比right,權重高。有left又有right的時候,執行left的值。javascript

top比bottom,權重高。有top又有bottom的時候,執行top的值。java

1.3  半透明

opacity:0.4;   優勢方便。缺點:裏面的內容也會半透明。spa

C3的技術來解決半透明:ip

background: rgba(0,0,0,0.3);ci

background: rgba(0,0,0, .3);it

1.4   定位問題

relative不能給行內元素設置寬高

定位中,兩個定位不能給行內元素設置寬高。技術

Static和relative。另外兩個absolute和fixed能夠。總結

1.5   層級問題  (誰高)

總結:標準流盒子,低於浮動的盒子,浮動的盒子又低於定位的盒子。static

定位高於浮動,浮動高於標準流。(高低和佔不佔位置無關)top

(除去static以外)。

用法:一、必須有定位。(除去static以外)。

      二、給定z-index的值爲層級的值。(不給默認爲0)

(層級爲0的盒子,也比標準流和浮動高。)

(層級爲負數的盒子,比標準流和浮動低。)

(層級不取小數)

(層級同樣,後面的盒子比前面的層級高。)

(浮動或者標準流的盒子,後面的盒子比前面的層級高。)

 

定位中:abselute是不佔位置的,relative是站位的的。而層級的高低,是和佔不佔位置沒有關係的。

相關文章
相關標籤/搜索