權重、半透明、定位以及層級問題
阿新 • • 發佈: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是站位的的。而層級的高低,是和占不占位置沒有關系的。
權重、半透明、定位以及層級問題