• 技术文章 >web前端 >css教程

    css3中怎么调节透明度

    VV2021-02-24 17:10:42原创595

    css3中调节透明度的方法:可以使用opacity属性来设置透明度,如【opacity:0.5; filter:Alpha(opacity=50);】,表示将元素透明度设置为0.5。

    本文操作环境:windows10系统、css 3、thinkpad t480电脑。

    属性介绍:

    opacity 属性设置元素的不透明级别。

    语法:

    opacity: value|inherit;

    属性值:

    调节透明度的方法:

    <!DOCTYPE html>
    <html>
    <head>
    <style> 
    div
    {
    background-color:red;
    opacity:0.5;
    filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */
    }
    </style>
    </head>
    <body>
    
    <div>本元素的不透明度是 0.5。请注意,文本和背景色都受到不透明级别的影响。</div>
    
    </body>
    </html>

    运行结果:

    2a627aca416d7d621aead0d99daa3c7.png

    相关推荐:CSS教程

    以上就是css3中怎么调节透明度的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css3 透明度
    上一篇:在css中设置边框可以用哪些属性 下一篇:css设置字体大小的属性名是什么
    大前端线上培训班

    相关文章推荐

    • 使用JQUERY实现可变透明度返回顶部效果• 如何结局关于IE 6、7、8中透明度的兼容问题• css怎么设置透明度• 微信小程序slider组件动态修改标签透明度的方法

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网