css - data - El color “transparente” no funciona.
css content image size (10)
¿qué pasa con el uso de la línea de altura
line-height:0;
Funcionó en mi caso.
Tengo un problema con el IE (¿qué más?):
Genero contenido con CSS que también tiene una imagen de fondo. Me parece que
#nav ul li:after {
content: "--";
position: relative;
z-index: 99;
background: transparent url(image.png);
color: transparent;
}
El color del texto es transparente en los navegadores que no son de IE, pero en todos los navegadores de IE (IE6-IE8) es negro y se puede ver. ¿Cómo podría hacer el texto transparente / invisible?
Ya lo intenté: visibilidad, opacidad, filtro, texto, sangría ... Pero ninguno hizo su trabajo bien, o desaparece (con el fondo que necesito) o el atributo no se aplica.
Creo que ninguna versión de IE es compatible con el color: transparent Quizás podrías intentar hacerlo con jQuery o algo así.
Esto debería funcionar. Si no agrega display: block o inline-block
.transparent {
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
}
IE no soporta li:after consistente. ¿De qué IE estás hablando? IE6? IE7? ¿Ambos?
Lo entiendo: ¡con el relleno correcto y un tamaño de fuente cero! Establezca el valor de relleno izquierdo para que sea un píxel más allá del ancho de la imagen.
Para mí color: transparente no funcionaba en IE8 y mostraba texto con el color predeterminado. Utilicé la visibilidad: oculta; solo para IE8 ya que el texto no fue requerido para mostrar.
Espero esta ayuda en caso, si el elemento no está obligado a mostrar.
Si esto no funciona en Internet Explorer 8
font-size: 0;
asegúrese de que está utilizando un doctype válido:
<!DOCTYPE html>
Supongo que ya solucionó esto, pero últimamente he usado una altura de línea muy grande, cuando la sangría de texto me está dando problemas de diseño, combinado con desbordamiento: oculto para ocultar el texto.
Veo que estás usando un PNG como imagen de fondo. Normalmente, si está utilizando IE 6, hay una solución para la transparencia PNG ( http://www.twinhelix.com/css/iepngfix/ ). Aun así, esto no funcionará con imágenes de fondo. Así que si estás usando IE 6, realmente no hay una solución.
si lo que intentas hacer es mostrar la imagen como fondo y no mostrar el uso del texto
font-size:0px
¡funciona!