2011/1/20 José Galisteo :
> En este hilo y en otros muchos sitios que he leido se están mezclando
> conceptos, algunos hablan de sass como si fuera una alternativa al
> css, cuando no es más que un generador de este último. Por lo cual al
> navegador llega css como siempre.
>
> Es como si pensásemo
Germán, no uses el signo de % para la opacidad en IE, prueba con esto:
.completa, {
width: 968px;
overflow: hidden;
float: none;
clear: both;
margin: 0;
padding: 0;
}
#capa1{
position:relative;
width:968px;
height:150px;
overflow: hidden;
z-index: 3;
}
#capa2 a, #cap
Perdón, donde puse
#capa2 a:hover, #capa2 a:Active{
display:block;
width:100%;
opacity: .1;
filter: alpha(opacity=100);
text-shadow: 0 0 20px #111;
background-color:#333;
}
debió ser
#capa2 a:hover, #capa2 a:Active{
display:block;
width:100%;
opacity: 1;
filter: alpha(opacity=100);
no se si la idea es utilizar texto html o no, podrias utilizar css sprite si
te sirve una imagen con texto
http://css-tricks.com/css-sprites/
o utilizar la propiedad css content en el hover
http://www.librosweb.es/referencia/css/content.html
No lo he probado pero supongo que funcionará
El 21 de
Hola Eliseo,
Gracias por las opciones, Conozco los CSS Sprites, pero consideré que no era
lo que quería porque a) quiero tener un texto relacionado con la imagen, que
los buscadores lo indexen y b) me preocupaba que la imagen se me hiciera
demasiado grande y c) La idea es que sea el usuario final
Plácido,
Muchas gracias, ese era truco, funcionó casi perfecto en todos los browsers,
Incluso (según el IEtester) en Internet Explorer 5, aunque en el 6 el texto
queda siempre visible, en el 5 se oculta como quiero. También en IE 7, 8 y
9, todo con el IE tester que a veces no es 100% seguro, pero
Germán, agregaste las propiedades display:block; y width:100%; a las anclas?
Porque a mi se me ve bien en Opera e IE.
Un abrazo.
Plácido.
El 21 de enero de 2011 17:49, German Bustos escribió:
> Plácido,
>
> Muchas gracias, ese era truco, funcionó casi perfecto en todos los
> browsers,
> Inclu