在伪元素在webview中不起作用之后

Question

我正在使用离子和使用::after伪元素开发移动应用程序。它在我的计算机中的浏览器视图中工作正常。但是，当我将应用部署到设备中时，视图中缺少红色三角形。谁知道问题是什么？或者我可以申请任何其他替代解决方案吗？

注意：我正在使用KitKat部署到Android应用程序中。不确定它是否在其他版本的Android或IOS中不起作用。

Fiddler：Click here

Answer 1

您是否尝试过不使用Pseudo元素的解决方案？试一试，

<div class="image">
<span class="red"></span>
<img src="http://placeimg.com/400/100/any">
</div>

CSS

.image{
    position:relative;
}
.red{
    content:'';
    width: 0; 
    height: 0; 
    border-right: 50px solid transparent;
    border-top: 50px solid #f00;
    position:absolute;
    left:0;
    top:0;
}
img{
    width:100%;
}