首页 >web前端 >css教程 > 正文

css如何实现蒙版效果

转载2020-07-16 17:34:5603001

重要知识点:

(推荐教程:css快速入门

background-color:#fff;filter:Alpha(Opacity=60);opacity:0.6;

样式:

<style>
    .back {background:url(images/coupon-logo.gif) no-repeat;}
    .top {height:100px;background-color:#fff;filter:Alpha(Opacity=60);opacity:0.6;}
</style>

html代码:

<div class="back">
    <div class="top"></div>
</div>

以上就是css如何实现蒙版效果的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除

  • 相关标签:css 蒙版效果
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • CSS3进阶视频教程CSS3进阶视频教程
  • CSS3精讲视频教程CSS3精讲视频教程
  • CSS视频教程-玉女心经版CSS视频教程-玉女心经版
  • CSS3 极速入门CSS3 极速入门
  • 视频教程分类