css transform元素会影响android webview中使用transform:scale(0.5)的其他元素

css transform元素会影响android webview中使用transform:scale(0.5)的其他元素,css,css-transforms,Css,Css Transforms,div.tp-border-bottom的边框在div.tp-banner添加transform属性时隐藏,如果我将div.tp-border-bottom:after元素高度设置为2px,那么它是可见的,所有这些都在android webview平台中实现 .tp横幅{ 宽度:100px; 高度:60px; -webkit转换:translate(0px,0px)translateZ(0px); 变换:translate(0px,0px)translateZ(0px); } .tp边框底部{

div.tp-border-bottom的边框在div.tp-banner添加transform属性时隐藏,如果我将div.tp-border-bottom:after元素高度设置为2px,那么它是可见的,所有这些都在android webview平台中实现

.tp横幅{
宽度:100px;
高度:60px;
-webkit转换:translate(0px,0px)translateZ(0px);
变换:translate(0px,0px)translateZ(0px);
}
.tp边框底部{
位置:相对位置;
宽度:100px;
高度:60px;
}
.tp边框底部:之后{
内容:“;
位置:绝对位置;
字号:0;
线高:0;
背景色:#e1e1;
-webkit转换原点:0;
-ms变换原点:0;
变换原点:0;
底部:0;
左:0;
宽度:100%;
高度:1px;
-webkit转换原点:0 1px;
-ms变换原点:0 1px;
变换原点:0 1px;
}
.tp边界比例:之后{
-webkit转换:scaleY(0.3333);
-ms变换:scaleY(0.3333);
变换:scaleY(0.3333);
}
/*@仅媒体屏幕和(-webkit最小设备像素比:3){
.tp边框底部:之后{
-webkit转换:scaleY(0.3333);
-ms变换:scaleY(0.3333);
变换:scaleY(0.3333);
}
}*/

尝试将此样式添加到所有转换的元素中:

-webkit-backface-visibility: hidden;
摘自类似问题