背景の透明なテキストの不完全性についてまだ心配している場合は、見てみることをお勧めします。もちろん、私はIE6をあきらめたので、IE6ではPNG8の写真が効果的ではないとは言わないでください。もちろん、フィルターも使用できます。フィルターを使用することはお勧めしません。これには他の問題があるかもしれないからです! (クリックして待つことができない場合など)フロントエンドの最も恐れているのは、特にIE6です。滚蛋IE6!
この記事の中核は、PNG32の透明な写真を使用して背景を作成し、背景を置くことです。このようにして、バックグラウンドに透明なテキストはありません。そうするのはとても簡単です!
写真は透明性を調整するだけです。
写真の透明度をPSDでPNGに20%に保存してください。
(モードをグレーに設定しないでください。これはPNG8になります。透明性はありません。)
背景は透明で、テキストは不透明です。ハハ。 IE 6が出ています!サポート:IE7.0+/FF3.0+/Opera10+/Chrome/Safari。両方のテストが合格しました。
効果マップは次のとおりです。
完全なコードは次のとおりです。
次のようにコードコードをコピーします。
<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<メタhttp-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<Title> IE7+背景透明、不透明なテキストと超シンプルな方法</title>
<style>
p {マージン:0;}
.bg {width:280px;
.bg1 {background:#000;
.bg2 {背景:#f60;}
.com {http://images/css_bg.png)繰り返します。
</style>
</head>
<body>
<div>
<div> <p>背景は透明で、テキストは不透明です。ハハ。 IE 6 GET OKS <br/>サポート:<br /> ii7.0+/ff3.0+/opera10+/chrome/safari <br/>すべてのテストパス。透明性は20%</p> </div>です
</div>
<div>
<div> <p>背景は透明で、テキストは不透明です。ハハ。 IE 6 GET OKS <br/>サポート:<br /> ii7.0+/ff3.0+/opera10+/chrome/safari <br/>すべてのテストパス。透明性は20%</p> </div>です
</div>
</body>
</html>