Hola,
Tengo un web reciente que se ve perfecto en en Opera, Firefox y IE7, solo que
en versiones 6 y anteriores, la ultima capa no se muestra correctamente porque le he puesto
position:fixed y ya sabemos que no lo interpretan.
el web es este
http://www.thegardenoflight.net/esp/que.htm
la hoja CSS esta (todavía necesita una limpieza)
http://www.thegardenoflight.net/CSS/Jardindeluz3-c.css
El DIV que me da el problema es este:
#RocasFondo{
background: url(../imagenes/BACK/rocks-mitad.gif) bottom left fixed no-repeat;
position:fixed;
bottom:0px;
left:0px;
z-index: 7;
width: 550px;
height: 145px;
margin: 0 ; /* original 0 0 -50px 0 */
padding: 0;
visibility: visible;
}
Como podría poner un condicional,
<!--[if IE 6]>
código
<![endif]-->
para que en versiones anteriores no se vea este DIV. y se vea otro alternativo u otra opción similar.
La teoría la conozco, en la practica he hecho varios intentos pero no me funcionan
Otra opción sería con sniffer de browser de JavaSript pero me parece mas complicada.
Agradezco las ayudas de antemano.
Gracias