定位浮動層級權重問題

1.1   JS關閉a連接的跳轉

<a href="javascript:;">1111111111</a>

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

1.2   權重問題

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

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

1.3  半透明

opacity：0.4；   優勢方便。缺點：裏面的內容也會半透明。

C3的技術來解決半透明：

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

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

1.4   定位問題

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

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

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

1.5   層級問題  （誰高）

總結：標準流盒子，低於浮動的盒子，浮動的盒子又低於定位的盒子。

定位高於浮動，浮動高於標準流。（高低和佔不佔位置無關）

（除去static以外）。

用法：一、必須有定位。（除去static以外）。

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

（層級爲0的盒子，也比標準流和浮動高。）

（層級爲負數的盒子，比標準流和浮動低。）

（層級不取小數）

（層級同樣，後面的盒子比前面的層級高。）

（浮動或者標準流的盒子，後面的盒子比前面的層級高。）

 

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