手机端背景图片在安卓不显示ios就可以显示,这是为什么呢
html
<div class="car-class border-b-d">
<div class="car-class-title">选择车型</div>
<div class="car-class-check car-class-mvp-off">
<p>中大型</p>
<p>SUVMVP</p>
</div>
<div class="car-class-check car-class-suv-on">
<p>普通车型</p>
<p>小型SUV</p>
</div>
</div>
css
.car-class{
padding:20*@n 30*@n;
.car-class-title{
.d-ib();
.c(3);
.l-h(156*@n);
.font-s(24*@n);
vertical-align: middle;
}
.car-class-check{
.d-ib();
.fr();
.text-c();
.font-s(22*@n);
padding-top:80*@n;
width:35%;
height:156*@n;
vertical-align: middle;
border:1px solid #ff6c26;
-webkit-border-radius:10*@n;
-moz-border-radius:10*@n;
border-radius:10*@n;
margin-left:20*@n;
}
.car-class-suv-on{
background:url(../images/car-class-s-on.png)no-repeat center top 20*@n;
background-size:143*@n 55*@n;
}
.car-class-suv-off{
background:url(../images/car-class-s-off.png)no-repeat center top 20*@n;
background-size: 143*@n 55*@n;
}
.car-class-mvp-on{
background:url(../images/car-on.png)no-repeat center top 20*@n;
background-size:143*@n 55*@n;
}
.car-class-mvp-off{
background:url(../images/car-off.png)no-repeat center top 20*@n;
background-size: 143*@n 55*@n;
}
}
上代码。。。。