Si todavía está preocupado por la incompletitud del texto transparente de los antecedentes, le sugiero que eche un vistazo. Por supuesto, he renunciado a IE6, así que no digas que no hay imágenes PNG8 no son efectivas bajo IE6, por supuesto que también puedes usar filtros. No recomiendo usar filtros. ¡Porque esto puede tener otros problemas! (Si no puede hacer clic y esperar, etc.) El más temeroso de la parte delantera es el error, especialmente IE6. ¡Lanza IE6!
El núcleo de este artículo es usar imágenes transparentes PNG32 para hacer el fondo y luego poner fondo. De esta manera, no habrá texto transparente en segundo plano. ¡Es súper simple hacerlo!
La imagen solo necesita ajustar la transparencia.
Simplemente guarde la transparencia de la imagen al 20%en PSD a PNG.
(No configure el modo en gris. Esto se convertirá en PNG8. Y no hay transparencia).
El fondo es transparente y el texto es opaco. Ja ja. ¡IE 6 está saliendo! Soporte: IE7.0+/FF3.0+/Opera10+/Chrome/Safari. Ambas pruebas pasaron.
El mapa de efectos es el siguiente:
El código completo es el siguiente:
Copiar código del código de la siguiente manera:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> ie7+fondo transparente, texto opaco y método súper simple </title>
<Estilo>
P {margen: 0;
.bg {ancho: 280px;
.bg1 {fondo: #000;
.bg2 {fondo:#f60;}
.com {fondo: url (http: //images/css_bg.png) Repita 0 0;
</style>
</ablo>
<Body>
<div>
<viv> <p> El fondo es transparente y el texto es opaco. Ja ja. IE 6 Get Oks <br/> Soporte: <Br />ie7.0+/ff3.0+/opera10+/chrome/safari <Br/> Todos los pases de prueba. La transparencia es: 20%</p> </div>
</div>
<div>
<viv> <p> El fondo es transparente y el texto es opaco. Ja ja. IE 6 Get Oks <br/> Soporte: <Br />ie7.0+/ff3.0+/opera10+/chrome/safari <Br/> Todos los pases de prueba. La transparencia es: 20%</p> </div>
</div>
</body>
</html>