Hola:
En las últimas contestaciones, se hacía referencia al posible uso de imágenes que tapan texto como en
http://wellstyled.com/files/css-repl...example02.html
Es el sistema que busco para hacer rollovers sólo de imágen, pero que, en caso de fallar las imágenes, dejen ver el texto.
El problema no es sólo utilizar rollover sólo con imágenes en css, sino conseguir que, en caso de que las imágenes no se muestren, se muestre el enlace de texto, que estaría tapado por dichas imágenes.
No obstante, no me había fijado que el ejemplo dado por wellstyled se trata sólo de un texto tapado por una imagen, y no de un enlace de texto tapado por una imagen. Porque en el otro ejemplo que presenta wellstyled.com para lograr tal efecto en el caso de enlaces en
http://wellstyled.com/files/css-repl...example03.html (enlace tapado y que sólo se vea imágenes rollover) el efecto no es el mismo, ya que utiliza la siguiente opción:
#chapter-one a span { display:none }
En lugar de
#chapter-one span {
display:block;
position:absolute; left:0; top:0; z-index:1;
width:200px; height:80px;
margin:0; padding:0;
background:url("chapter-one.gif") top left no-repeat;
}
utilizado en el caso del simple texto tapado por imagen.
Lo cierto es que asegura que se consigue lo mismo, aunque no es cierto, ya que el display:none hace que, si las imágenes no se ven, el enlace de texto tampoco. No consigue pues el efecto de tapar enlace y mostrarlo si no se ven las imágenes.
Se trataría de combinar ambos efectos, un rollover de imágenes que, a su vez, cubriese el enlace de texto.
¿Es posible tal cosa?
Gracias.
En lugar de