Fue diseñado para darle al botón de enviar para <input type="submit" value=" />agregar una imagen de fondo, use los siguientes estilos CSS:
.subtn input {
background-attachment: scroll;
background-image: url(images/btn.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 20px;
width: 60px;
border-style: none;
}Pero no sé qué está pasando. El botón de imagen de fondo no se puede mostrar en Internet Explorer 6, 7 y 8. Sigue siendo el formulario de botón predeterminado, pero se puede mostrar normalmente en Firefox y Chrome. La validez de la El enlace de la imagen se puede excluir. Traté de modificarlo muchas veces sin éxito. Más tarde, utilizando la backgroundpropiedad abreviada, estableciendo todas las propiedades de fondo en una declaración, se pudo mostrar correctamente en Internet Explorer:
.subtn input {
background: url(images/btn.gif) no-repeat scroll 0px 0px;
height: 20px;
width: 60px;
border-style: none;
}Al principio, creo que no es la presencia de la naturaleza especial de mi código de página, otro código que puede afectar el estilo, pero luego construí uno solo .html, que solo escribió form, un cuadro de entrada, un cuadro de envío, use la backgroundpropiedad anterior Después escribiendo las propiedades CSS por separado, el problema sigue siendo el mismo, lo que demuestra que este es un problema común. Se menciona en la documentación de CSS:
Por lo general, se recomienda utilizar propiedades de taquigrafía en lugar de utilizar propiedades individuales por separado, ya que las propiedades de taquigrafía se admiten mejor en navegadores más antiguos y requieren que se escriban menos letras.
Pero creo que el problema ahora no es el problema de la versión anterior del navegador, sino el problema de Internet Explorer.
El extraño fenómeno que el navegador puede mostrar con normalidad. Finalmente, encontré este párrafo en Internet: Los problemas de formato de imagen de IE harán que IE no muestre imágenes. Para IE, cambiar directamente el nombre del sufijo hará que la imagen no se muestre. Si el nombre del sufijo no coincide con el formato del archivo en sí, no se mostrará el mismo. Los navegadores como Firefox no se verán afectados, pueden identificarse. La verdad quedó clara, cambié una imagen en CSS, no hay problema, IE y Firefox pueden mostrarla. No esperaba que IE fuera tan frágil, así que hice huelga cuando dije huelga.
Enlace de la imagen contra los soportes y valor de posicionamiento deben ser espacios, como añadido: url(images/bg_media_lihover.gif) 5px 6px no-repeat #00a1de.
Para garantizar que la imagen de fondo se pueda mostrar normalmente, se recomienda utilizar una ruta absoluta en lugar de una ruta relativa al CSS. Shakespeare lo dijo bien: "Hay mil ERRORES en mil Internet Explorer".
background: url(../images/in_bon_02.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);IE no muestra la rgba(0, 0, 0, 0)causa original .
apéndice
Lea el texto original:https://blog.mazey.net/1955.html