簡單的問題完全透明邊框
目標:做一個邊框(左,右)完全透明的,所以身體的背景顏色可以識破。
<html>
<body>
<div id="wrap">
<div class="trap">
Make the white borders transparent, so when I change the background color the background color will be seen through the borders.
I've tried rgb() with opacity but no luck
</div>
<div class="trap2">
This is what I'd like but I'm setting the border = bg color;
</div>
</div>
</body>
</html>
CSS
body {background:#eee;}
#wrap {padding:50px;}
.trap {
width:350px;
background: rgb(238, 238, 238);
border-right: 30px solid transparent;
border-left: 30px solid transparent;
border-bottom: 30px solid rgb(216, 199, 143);
}
.trap2 {
width:350px;
margin-top:100px;
background: rgb(238, 238, 238);
border-right: 30px solid #fff;
border-left: 30px solid #fff;
border-bottom: 30px solid rgb(216, 199, 143);
}
我已經嘗試了許多變通辦法都無濟於事我的具體問題。
你的包裏還有什麼竅門?
你確定你不只是想要利潤? – zzzzBov 2013-02-13 22:41:52
他想要有像梯形一樣的底部邊框,順便說一句。它適用於我的Chrome – pwolaq 2013-02-13 22:44:27