CSSでマスク効果を実現する方法

重要な知識ポイント:

(推奨チュートリアル: 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 中国語 Web サイトの他の関連記事を参照してください。