internet explorer - porque - CSS de fondo url() no aparece en IE, funciona en FF/Safari
imagen de fondo css pantalla completa (4)
Estoy depurando mi sitio web para el temido IE6, pero estoy oficialmente perplejo.
Apariencia en Firefox: http://dl-client.getdropbox.com/u/5822/firefox.tiff
Apariencia en IE6: http://dl-client.getdropbox.com/u/5822/ie6.tiff
Sitio en vivo: Motolistr.com
El siguiente CSS funciona muy bien en FF y Safari, pero no en IE6.
#search_sort{
background-image:url(''../images/nav/bg-form.jpg'');
padding:10px;
border:1px solid #d13a3b;
margin-top:5px;
}
El siguiente CSS FUNCIONA en IE6, y parece idéntico ... (wtf)
#email_seller{
border:1px solid #d13a3b;
background-image:url(''../images/nav/email-form-bg.jpg'');
}
Además, mi botón de enlace / extensión tampoco aparece, supongo que es el mismo tipo de problema.
a.button {
background: transparent url(''../images/nav/button_bg_right4.gif'') no-repeat scroll top right;
color: #000;
display: block;
float: left;
font: normal 18px arial, sans-serif;
height: 36px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
a.button span {
background: transparent url(''../images/nav/button_bg4.gif'') no-repeat;
display: block;
line-height: 24px;
padding: 5px 0 7px 18px;
}
¿Algunas ideas?
Gracias, Nick
El orden abreviado de propiedad de fondo es: adjunto de posición de repetición de imagen en color
Le sugiero que corrija ese formato proporcionando todas las propiedades, y si eso falla (y puede confirmar que se aplica el estilo) intente modificar la ruta de la imagen hacia arriba y hacia abajo para ver si su ubicación base es la que usted cree que es.
El orden de los atributos es incorrecto como lo veo. Debes ponerte transparente al principio.
background:transparent url(''../images/nav/button_bg4.gif'') no-repeat;
En Internet Explorer, la URL dentro de CSS es relativa a la página actual. en otros navegadores, la URL dentro de CSS es relativa a la ubicación de CSS. Es mejor usar la URL de corrección para ambos. Si usa el servlet de Java, puede usar la URL ficticia y manejar la solicitud en segundo plano desde el servlet.
Parece que esta ha sido bastante bien respondida, pero me gustaría agregar:
Funciona en IE:
background:transparent url(''../images/nav/button_bg4.gif'') no-repeat;
Funciona en Firefox y Chrome, pero no funciona en IE:
background:transparent url(''../images/nav/button_bg4.gif'')no-repeat;
Sin saber que IE necesita ese espacio (que parece ser un formato muy marginal), puede perder el tiempo, ¿verdad?