分享人：陳孚楠

div覆蓋：絕對定位與相對定位

image.png

image.png

涉及兩個div層，一個div里放了個“vedio”標(biāo)簽(下稱div1)，另一個div用來作覆蓋(下稱div2)。

.div1{
           position: absolute; 
}

.coverDiv1 {
            position: relative;
            top: 715px;  
            left: 1145px;
            width: 60px;
            height: 50px;
            background-color: white;
        }

Absolute：絕對的 類似與物理中的參照物
Relative：相對的
Top，left 都是相對的偏移（相對與參照物）
當(dāng)然我們也可以使用絕對定位，即絕對于屏幕。

.xxx{
        position:fixed;   
        top:100px;        
        left:1500px;     
}

顧名思義

fixed：固定。默認位置為屏幕左上角
top，left 同上為相對偏移（相對與屏幕左上角）

div基本樣式

border: 1px solid #f0000;對應(yīng)為邊框線的寬度，樣式（實線，虛線等），顏色
-webkit-transform: rotate(-15deg); div傾斜 數(shù)字表示角度。
border-radius: 15px; 圓邊角

image.png

-moz-box-shadow: 2px2px10px#FF3333;
-webkit-box-shadow: 2px 2px 10px #FF3333;
box-shadow: 2px 2px 10px #FF3333; 實現(xiàn)透明陰影效果

image.png

Div并排顯示： display:inline;或者用float 或者用上面的定位的方法。