写个消息框容易太容易了,网上一搜就一大堆教程。直接拷贝粘贴到自己项目就可以啦。大多是用::after或者::before实现三角形,绝对定位移动到边上成为消息框的角角。 但是如果要我们实现背景色是透明的消息框,如下: 似乎常用的消息框写法这种操作是实现不了的。 难点一 用常用的方式实现的消息框,想要改成透明背景,似乎不太可能。 因为如果消息框有边框的话,消息框的角通常是用::after 与 ::before 做成三角形,然后一大点的三角形与小一点的三角形重叠而成,如果我们想要把消息框的角变成透明的,总会透到后面作为是模拟边框的三角形的颜色。 (如上图我把作为背景三角形设置了 opacity