美文网首页
css透明度和雪碧图

css透明度和雪碧图

作者: Polaris_L | 来源:发表于2018-04-23 18:01 被阅读0次

透明度应用

透明度:“不透明:1    范围:0-1”  全透明0

1.opacity:“范围”;

直接输入范围,但父元素和子元素皆变透明

2.background-color:rbga(x,x,x,范围)                r:红  ,b:蓝 ,g:绿 ,a:不透明度

  只有背景颜色变透明                                      两种方法按需要使用

雪碧图应用

用行内元素引用,变为其背景图像

    引用路径:background:url(路径)

    引用雪碧图内图像位置                                      background-position:left 左,top 上        left与top皆为负值 

引用位置以需要显示的图像位置左上角为零点起点

后续跟进····

相关文章

  • css透明度和雪碧图

    透明度应用 透明度:“不透明:1 范围:0-1” 全透明0 1.opacity:“范围”; 直接输入范围,但父元...

  • 每个前端工程师都应该懂的前端性能优化总结:

    采用css雪碧图(css sprite/css图片精灵)技术 采用css雪碧图(css sprite/css图片精...

  • 饥人谷-任务9-2

    一、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 css雪碧图又叫css精灵或css sprite,...

  • CSS常见样式

    CSS Sprite(雪碧图)指什么? 有什么作用 CSS雪碧图 即CSS Sprite,也有人叫它CSS精灵图,...

  • JS逆向:基于雪碧图的反爬策略与破解

    1. 雪碧图 1.1. 雪碧图 雪碧图(sprite)也叫CSS精灵, 是一CSS图像合成技术; 该方法是将小图标...

  • 任务9- CSS常见技巧

    1、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 简介CSS Sprites(雪碧图|精灵图)是一种...

  • 任务9-2

    1、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 CSS雪碧 即CSS Sprite,也有人叫它CS...

  • CSS常见技巧

    一、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用? CSS雪碧 即CSS Sprite,也有人叫它C...

  • CSS常见技巧

    1.CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 CSS Sprite(雪碧图|精灵图)指该方法是将...

  • css常见小技巧(雪碧图)

    1.CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 CSS雪碧 即CSS Sprite,也有人叫它CS...

网友评论

      本文标题:css透明度和雪碧图

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