如图要实现红框处的小三角,试了一下在小程序里用伪类实现,结果并不显示,代码如下

.item-cont-msg::before{

 display: block;

 content: '';

 width: 0;

 height: 0;

 border-top: 18rpx solid transparent;

 border-bottom: 18rpx solid transparent;

 border-left: 18rpx solid transparent;

 border-right: 18rpx solid #f3f3f3;

 position: absolute;

 z-index: 1;

 top:22rpx;

 left: -18rpx;

}

但并不显示,是wxss的border在伪类下显示不支持么?在html5里测试是可以显示的,就小程序不行。这是为何呢?


最后我用一个方形进行旋转实现:

.item-cont-msg::before{

 display: block;

 content: '';

 width: 18rpx;

 height: 18rpx;

 background: #f3f3f3;

 position: absolute;

 z-index: 1;

 top:22rpx;

 left: -9rpx;

 transform: rotate(45deg);

}

展开全部
收起
0回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部