opacity属性的应用

opacity属性的应用opacity是CSS中很有意思的属性,类似于Photoshop中不透明度的更改,结合绝对定位能实现很多漂亮的效果。opacity取值范围为0-1,若实现对IE浏览器的兼容,一般写为filter: alpha(opacity=XX);

大家好,又见面了,我是你们的朋友全栈君。

        opacity是CSS中很有意思的属性,类似于Photoshop中不透明度的更改,结合绝对定位能实现很多漂亮的效果。

        opacity取值范围为0-1,若实现对IE8 以及更早的版本的兼容,一般写为filter: alpha(opacity=XX);当然其他geek会有更强大的写法,本文不再赘述。

    从网页设计的角度来讲,制作半透明效果有以下几个方法:

    一是采用绝对定位,把半透明图层覆盖到原图层上。这是使用最多的方法,用于轮播图,或者图片说明文字的底色。半透明的图层加上js代码即可实现透明到不透明的渐变,以及图层的移动。

    二是使用半透明的png图像,覆盖到原图层上。这种方法的好处是能够形成半透明的纹理,做出特殊的半透明效果。

    三是使用多个半透明图层的叠加。类似于photoshop图层叠加的效果,这种方法的好处是结合js实现简单的动画,增强图片的吸引力。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/141209.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 数据库常见面试题及答案(数据库面试常见问题)

    数据库常见面试题及答案(数据库面试常见问题)1、触发器的作用?触发器是一中特殊的存储过程,主要是通过事件来触发而被执行的。它可以强化约束,来维护数据的完整性和一致性,可以跟踪数据库内的操作从而不允许未经许可的更新和变化。可以联级运算。如,某表上的触发器上包含对另一个表的数据操作,而该操作又会导致该表触发器被触发。2、什么是存储过程?用什么来调用?存储过程是一个预编译的SQL语句,优点是允许模块化的设计,就是说只需创建一次,以后在…

  • JAVA标识符命名规则及命名规范[通俗易懂]

    JAVA标识符命名规则及命名规范[通俗易懂]文章目录一、标识符可以标识什么二、标识符是什么三、标识符命名规则一、标识符可以标识什么标识符可以标识类名、方法名、变量名、接口名、常量名等。二、标识符是什么凡是程序员自己有权利命名单词的叫做标识符。但是main虽然是标识符,但是程序员不能修改。三、标识符命名规则命名规则属于语法机制,必须遵守,不遵守命名规则标识符不符合语法,编译器会报错。规则1:标识符只能有数字、字母(包括中文)、下划线、美元符号$组成。规则2:不能以数字开头。规则3:java关键字和保留字不能做为标识符。规则4:标

  • 常用停用词表整理(哈工大停用词表,百度停用词表等)

    常用停用词表整理(哈工大停用词表,百度停用词表等)辣鸡CSDNhttps://github.com/goto456/stopwordshttps://zhuanlan.zhihu.com/p/30002654转载于:https://www.cnblogs.com/0n-the-way/p/10544285.html

  • PathFileExists 文件目录是否存在

    PathFileExists 文件目录是否存在if(!PathFileExists(_T(“d:\\test”)))    returnNULL; 也可用CFileFinder查找文件是否存在。PathFileExists可查看目录和文件。

  • 微信公众号网页分享功能开发

    微信公众号网页分享功能开发现在每天都可以看到很多微信分享的链接上面有网站或者商家的自定义的分享标题,和分享链接的描述及分享出去的图像,例如下面的分享出去的链接:              上面这个是微信的js-SDK页面分享给微信好友在聊天列表中显示的视觉效果。   微信JS-SDKDemo:这个是微信网页分享出去的标题。   微信JS-SDK,帮助第三方为用户提供更优质的移动web服务:这个…

  • minipcie串口卡_minipcie接口定义图解

    minipcie串口卡_minipcie接口定义图解简介LCminiPCIe系列miniPCIe接口CAN卡,具有1~2路CAN通道和一路PCIExpressmini接口,插到工控机或单板电脑的PCIExpressmini卡槽上,快速扩展出1~2路CAN通道。CAN接口电气隔离高达2500VDC,具有优秀的EMC性能,可靠性测试项目:ESD接触放电8KV、浪涌±1KV、脉冲群±2KV,工业级,通过CE-EMC和FCC认证。配套测试软件L…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号