Jika Anda masih khawatir tentang ketidaklengkapan teks latar belakang transparan, saya sarankan Anda melihatnya. Tentu saja, saya telah menyerah IE6, jadi jangan katakan bahwa tidak ada gambar PNG8 yang tidak efektif di bawah IE6, tentu saja Anda juga dapat menggunakan filter. Saya tidak merekomendasikan menggunakan filter. Karena ini mungkin memiliki masalah lain! (Jika Anda tidak dapat mengklik dan menunggu, dll.) Yang paling takut di ujung depan adalah bug, terutama IE6. Roll out IE6!
Inti dari artikel ini adalah menggunakan gambar transparan PNG32 untuk membuat latar belakang dan kemudian meletakkan latar belakang. Dengan cara ini, tidak akan ada teks transparan di latar belakang. Sangat sederhana untuk melakukannya!
Gambar hanya perlu menyesuaikan transparansi.
Simpan saja transparansi gambar menjadi 20%di PSD ke PNG.
(Jangan atur mode ke abu -abu. Ini akan menjadi png8. Dan tidak ada transparansi.)
Latar belakangnya transparan dan teksnya buram. Ha ha. IE 6 sedang keluar! Dukungan: IE7.0+/ff3.0+/opera10+/chrome/safari. Kedua tes lulus.
Peta efeknya adalah sebagai berikut:
Kode lengkapnya adalah sebagai berikut:
Salin kode kode sebagai berikut:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten-tipe" content = "text /html; charset = gb2312" /> />
<title> ie7+latar belakang transparan, teks buram dan metode super sederhana </iteme>
<tyle>
p {margin: 0;
.bg {lebar: 280px;
.bg1 {latar belakang: #000;
.bg2 {latar belakang:#f60;}
.com {latar belakang: URL (http: //images/css_bg.png) Ulangi 0 0;
</tyle>
</head>
<body>
<div>
<div> <p> Latar belakang transparan dan teksnya buram. Ha ha. IE 6 Get OKS <br/> Dukungan: <br />e7.0+/ff3.0+/oper110+/chrome/safari <br/> semua lulus tes. Transparansi adalah: 20%</p> </div>
</div>
<div>
<div> <p> Latar belakang transparan dan teksnya buram. Ha ha. IE 6 Get OKS <br/> Dukungan: <br />e7.0+/ff3.0+/oper110+/chrome/safari <br/> semua lulus tes. Transparansi adalah: 20%</p> </div>
</div>
</body>
</html>