css如何实现蒙版效果

  • 来源:网络
  • 更新日期:2020-07-16

摘要:重要知识点:(推荐教程:css快速入门)background-color:#fff;filter:Alpha(Opacity=60);opacity:0.6;样式:<style> .back {background:url(images/coupon-logo.gif) no-repeat;

重要知识点:

(推荐教程: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>