美文网首页我爱编程
精灵图片使用

精灵图片使用

作者: 苏苡 | 来源:发表于2018-05-25 15:11 被阅读0次

css


*{

    margin:0;

    padding: 0;

}

.box{

    background-image:url(01.jpg);

    background-size: 100% 100%;

    width: 100%;

    height:500px;

.jl{

    width:240px;

    height: 150px;

    background: url(bg.png);

    background-position:0px -150px;

    position: absolute;

    top:30px;

    left:30px;

    z-index:1;

}

html


<div class='box'>

        <div class='jl'></div>

</div>

相关文章

  • 精灵图片使用

    css *{ margin:0; padding: 0; } .box{ background-image:url...

  • css+精灵图

    1)css精灵是一种处理网页背景图片的方式。精灵图也是一种背景图片。 2 )精灵图的使用1,使用fw一定要用打开的...

  • 前端面试题

    一、css 1.如何实现文字环绕图片? 答:把图片设置为浮动 2.如何使用css图片精灵图? 答:使用backgr...

  • 侧边工具条开发

    使用Sass、RequireJS 样式实现方式 使用Sass 使用背景图片:精灵图,通过改变background-...

  • 前端优化指南(12种)

    1. 减少HTTP请求; 1.1 CSS图片精灵;1.2 使用data:这样的内联图片;1.3 合并尽可能多的脚本...

  • 图片精灵

    div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程篇与css ...

  • 优化浏览器加载速度的几种方式

    1. 向服务器上传图片前,先压缩一下图片大小。或者使用 Css sprites(精灵图)把所有图片都合并成一张图片...

  • cocos2d-python第四弹--cocosnode精灵类

    在一个游戏中,精灵类是必不可少的部分,比如,在一个图层中引入一张图片,便可以使用精灵类来设置图片的属性,从而达到预...

  • YYImage/YYWebImage

    YYImage YYKit的图像框架 显示普通动画类型图片 显示帧动画 显示精灵图片精灵图片? 判断图片格式 YY...

  • Cocos2dx Sprite&ImageView换图

    Sprite 有两种方式: 使用setTexture(Texture2D)函数,可以重新设置精灵类的纹理图片。/*...

网友评论

    本文标题:精灵图片使用

    本文链接:https://www.haomeiwen.com/subject/ppfujftx.html