css 利用 border 制作三角形,需要三条边的颜色不遮住其他区域怎么办?

2015-09-16 09:05:04 +08:00
 cc7756789

border-width: 10px;
border-color: #00A2CA #ffffff #ffffff #ffffff;
border-style:solid;

好像没有透明度,那么怎么设置另外三条边不遮住其他区域呢?

1903 次点击
所在节点    问与答
4 条回复
ljbha007
2015-09-16 09:08:47 +08:00
你设置成下面的底色就行了 不然就用 png 图片吧
pseudo
2015-09-16 09:11:24 +08:00
#fff 改成 transparent 试试
gongpeione
2015-09-16 09:12:02 +08:00
transparent √
emric
2015-09-16 09:15:34 +08:00
border: 10px solid;
border-color: #00A2CA transparent transparent;

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/221021

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX