我正在試圖製作一個角塊,以創建一個如下圖所示的單頁。但我遇到了一個問題。 我試圖讓div斜坡,但當看着不同的決議,它看起來歪曲。 What i need screen帶透明填充物的角DIV
(也有在這些傾斜的div有一個背景圖像和一些孔,其離開這個div前一個問題,畫面顯示通過。)My Fail Screen
.tri-index-right {
background: #fff;
height: 150px;
width: 100%;
transform: skewY(4deg);
overflow: hidden;
position: relative;
z-index: 2; /*fail method*/
}
我無法理解如何使用寬度爲100%的CSS方法來擴展此角度。
.1 {
min-width: 500px;
}
#triangle-left {
\t width: 0;
\t height: 0;
\t border-top: 10px solid transparent;
\t border-right: 100px solid red;
\t border-bottom: 100% solid transparent;
}
<div class="1">
<div id="triangle-left"></div>
</div>
我將是幫助
泰 - 我的朋友幫忙< 3 – Xhonor