css透明度和雪碧图

透明度应用

透明度:“不透明: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皆为负值 

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


后续跟进····

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,698评论 32 459
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,721评论 0 0
  • 一、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 CSS sprites是指把网页中很多小图片(很多...
    黄小仙130阅读 7,340评论 0 0
  • CSS 是什么 css(Cascading Style Sheets),层叠样式表,选择器{属性:值;属性:值}h...
    崔敏嫣阅读 5,346评论 0 5
  • 笑来老师说:‘’学会、学好一门技能带来的则是重生的快感,你的世界又多了一个纬度,你看到了过去不曾有过的景象,...
    七夏_b167阅读 890评论 2 2