前端开发CSS rem 雪碧、背景图

/* gulp前端开发框架|前端开发移动端兼容性问题|idea 前端开发 推荐插件
rem 雪碧图 背景图
只是需要写上background-size:xrem yrem;此处的想x,y为雪碧图的width,height,然后再对应的元素样式上进行定位position就行了
如: */
.ii {
    width: 0.34rem;
    height: 0.64rem;
    display: inline-block;
    background: #ff0 url(images/arrow.png) no-repeat center center;
    background-size: 0.34rem 1.16rem;
    background-position: center 0.05rem;
}
.ii:hover {
    width: 0.34rem;
    height: 0.64rem;
    display: inline-block;
    background: #ff0 url(images/arrow.png) no-repeat center center;
    background-size: 0.34rem 1.16rem;
    background-position: center -0.58rem;
}
/* 前端开发面试题菜鸟教程|嘉兴前端和移动端开发|前端开发 svg插件 */
» 本文来自:前端开发者 » 《前端开发CSS rem 雪碧、背景图》
» 本文链接地址:https://www.rokub.com/5100.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!