PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HTML+CSS > 正文

    css 图片opacity设置透明度设置教程

    作者:w634381967来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:opacity设置透明度在图片的属性中加上 opactiy例子复制代码 代码如下:img{opacity:0.4;filter:alpha(opacity=40); /* 针对 IE8 以及...
    opacity设置透明度

    在图片的属性中加上 opactiy

    例子

     
    复制代码 代码如下:
    img
    {
    opacity:0.4;
    filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */
    }
    其实只要这样就OK了,如果不针对IE甚至只要第一行,关键在于——啥,透明度的单词怎么拼,仅此而已。

    但上面只能用ie浏览器,后来找到一个兼容性比较强的


     
    复制代码 代码如下:
    {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:
    0.5; opacity: 0.5;}
    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之间

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-70-652-1.html
    相关热词搜索: opacity