どのようにCSSを利用してピクチャーの透明な効果を実現します
1010 ワード
どのようにCSSを利用してピクチャーの透明な効果を実現します:提案:できるだけ手書きのコード、効果的に学習の効率と深さを高めることができます.Webページの実際の応用では、画像の透明度を設定する必要があることが多いので、この効果を実現する方法を簡単に紹介します.コードの例は次のとおりです.
以上のコードは、画像の透明度効果を実現しています.CSSがdivバックグラウンドの透明度を設定し、互換性が良いかを参照して、透明度に関する詳細を参照することもできます.
原文の住所は次のとおりです.http://www.softwhy.com/forum.php?mod=viewthread&tid=4635
詳細については、次の項目を参照してください.http://www.softwhy.com/divcss/
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title> </title>
<style type="text/css">
.first image{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
</style>
</head>
<body>
<div class="first"><img src="mytest/demo/bordera.jpg" alt=" "/></div>
<div class="second"><img src="mytest/demo/bordera.jpg" alt=" "/></div>
</body>
</html>以上のコードは、画像の透明度効果を実現しています.CSSがdivバックグラウンドの透明度を設定し、互換性が良いかを参照して、透明度に関する詳細を参照することもできます.
原文の住所は次のとおりです.http://www.softwhy.com/forum.php?mod=viewthread&tid=4635
詳細については、次の項目を参照してください.http://www.softwhy.com/divcss/