css 图片透明度设置教程
发布时间:2023-08-30 编辑:jiaochengji.com
教程集为您提供css 图片透明度设置教程等资源,欢迎您收藏本站,我们将为您提供最新的css 图片透明度设置教程资源
今天本想改一下bilibili的个人中心界面,然后因为懒,加上没有好的设计思路,就算了(其实主要还是前端技术不给力),本突然想到了图片透明度,找了一下竟然没有这篇的笔记,来mark一下。
opacity设置透明度
在图片的属性中加上 opactiy
例子
代码如下 | 复制代码 |
img |
其实只要这样就OK了,如果不针对IE甚至只要第一行,关键在于——啥,透明度的单词怎么拼,仅此而已。
但上面只能用ie浏览器,后来找到一个兼容性比较强的
代码如下 | 复制代码 |
{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: |
opacity是最重要的,因为它是CSS透明的标准属性,取值范围在0-1之间,目前支持的浏览器有:Firefox、Chrome、Opera、Safari。(也就是说,除了IE,它支持所有主流浏览器);filter:alpha(opacity=50);是专门给IE设定的属性,取值的范围在0-100之间;-moz-opacity是为了兼容一些老版本的Mozilla浏览器,取值范围在0-1之间;-khtml-opacity是为了兼容一些老版本的Safari浏览器,取值范围在0-1之间
您可能感兴趣的文章:
[关闭]