Wenn Sie sich immer noch Sorgen über die Unvollständigkeit des transparenten Textes des Hintergrunds machen, schlage ich vor, dass Sie einen Blick darauf werfen. Natürlich habe ich IE6 aufgegeben, also sagen Sie nicht, dass keine PNG8 -Bilder unter IE6 nicht effektiv sind. Natürlich können Sie auch Filter verwenden. Ich empfehle nicht, Filter zu verwenden. Weil dies andere Probleme haben kann! (Wenn Sie nicht klicken und warten können usw.) Die am meisten Angst vor dem Frontend ist der Fehler, insbesondere IE6. Rollen Sie IE6 aus!
Der Kern dieses Artikels besteht darin, PNG32 transparente Bilder zu verwenden, um den Hintergrund zu erstellen und dann den Hintergrund zu legen. Auf diese Weise gibt es im Hintergrund keinen transparenten Text. Es ist super einfach zu tun!
Das Bild muss nur die Transparenz anpassen.
Speichern Sie einfach die Transparenz des Bildes auf 20%in PSD auf PNG.
(Setzen Sie den Modus nicht auf grau. Dies wird zu PNG8. Und es gibt keine Transparenz.)
Der Hintergrund ist transparent und der Text ist undurchsichtig. Ha ha. Dh 6 steigt raus! Unterstützung: IE7.0+/ff3.0+/Opera10+/Chrome/Safari. Beide Tests bestanden.
Die Effektkarte lautet wie folgt:
Der vollständige Code lautet wie folgt:
Kopieren Sie den Code -Code wie folgt:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = gb2312" /> />
<titels> IE7+Hintergrund transparent, Text undurchsichtig und super einfacher Methode </title>
<Styles>
P {Margin: 0;
.bg {width: 280px;
.bg1 {Hintergrund: #000;
.bg2 {Hintergrund:#f60;}
.
</style>
</head>
<body>
<div>
<div> <p> Der Hintergrund ist transparent und der Text ist undurchsichtig. Ha ha. IE 6 GET OKS <br/> Unterstützung: <br />ie7.0+/ff3.0+/opera10+/chrome/safari <br/> Alle Testpässe. Die Transparenz beträgt: 20%</p> </div>
</div>
<div>
<div> <p> Der Hintergrund ist transparent und der Text ist undurchsichtig. Ha ha. IE 6 GET OKS <br/> Unterstützung: <br />ie7.0+/ff3.0+/opera10+/chrome/safari <br/> Alle Testpässe. Die Transparenz beträgt: 20%</p> </div>
</div>
</body>
</html>