图片展示是这样
代码CSS
/*VIP等级图标修改*/
.vip-radius{
border-radius:6px !important;
box-shadow:1px 1px 10px rgba(0,0,0,0.2);
}
.vip-list-in{
transition:0.25s;
}
.vip-list-in:focus,.vip-list-in:hover{
transform:translateY(-0.35em);
}
.vip-img{
display:inline-block;
width:100px;
height:30px;
position:relative;
bottom:15px;
image-rendering:-moz-crisp-edges;
image-rendering:-o-crisp-edges;
image-rendering:-webkit-optimize-contrast;
image-rendering:crisp-edges;
-ms-interpolation-mode:nearest-neighbor;
}
.lv-icon.user-vip i{
width:50px;
height:15px;
display:inline-block !important;
margin-right:3px;
position:relative;
top:3px;
border-radius:unset;
border:none;
}
.lv-icon.user-vip.b2-vip0 i{
background:url(https://pic.imgdb.cn/item/6183bc672ab3f51d91e4e300.jpg) no-repeat;
background-size:100%;
}
.lv-icon.user-vip.b2-vip1 i{
background:url(https://pic.imgdb.cn/item/6183bc672ab3f51d91e4e33f.jpg) no-repeat;
background-size:100%;
}
.lv-icon.user-vip.b2-vip2 i{
background:url(https://pic.imgdb.cn/item/6183bc672ab3f51d91e4e370.jpg) no-repeat;
background-size:100%;
}
.lv-icon.user-vip.b2-vip3 i{
background:url(https://pic.imgdb.cn/item/6183bc672ab3f51d91e4e39d.jpg) no-repeat;
background-size:100%;
}
© 版权声明
文章版权归作者所有,未经允许请勿转载。
相关文章
暂无评论...