權重、半透明、定位以及層級問題
阿新 • • 發佈：2018-04-26
nbsp ack size 負數 內容 bottom 優點 font 1.4
1.1 權重問題
left比right，權重高。有left又有right的時候，執行left的值。
top比bottom，權重高。有top又有bottom的時候，執行top的值。
1.2 半透明
opacity：0.4； 優點方便。缺點：裏面的內容也會半透明。
C3的技術來解決半透明：
background: rgba(0,0,0,0.3);
background: rgba(0,0,0, .3);
1.3 定位問題
relative不能給行內元素設置寬高
定位中，兩個定位不能給行內元素設置寬高：Static和relative。但是另外兩個可以。
1.4 層級問題 （誰高）
總結：標準流盒子，低於浮動的盒子，浮動的盒子又低於定位的盒子
定位高於浮動，浮動高於標準流。（高低和占不占位置無關）
（除去static之外）。
用法：1、必須有定位。（除去static之外）。
2、給定z-index的值為層級的值。
（不給默認為0）
（層級為0的盒子，也比標準流和浮動高。）
（層級為負數的盒子，比標準流和浮動低。）
（層級不取小數）
（層級一樣，後面的盒子比前面的層級高。）
（浮動或者標準流的盒子，後面的盒子比前面的層級高。）
（文字是在標準流和float之上的）
定位中：abselute是不占位置的，relative是站位的的。而層級的高低，是和占不占位置沒有關系的。
權重、半透明、定位以及層級問題