Ver Mensaje Individual
  #6 (permalink)  
Antiguo 09/01/2014, 03:18
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Display div on hover

Pues no era el mismo caso no. El tuyo es una cuestión más mundana.

Estás especificando que al altura del elemento sea cero:

Código CSS:
Ver original
  1. #views-bootstrap-grid-1 .col-lg-4:HOVER .views-field-field-categor-a {
  2.   height: 0px;
  3.   [...]
  4. }

Si la altura es cero, obviamente no se verá el fondo.

Más allá de eso, estás complicando mucho ese efecto. Como te decía en el post de arriba, es más fácil, limpio y robusto tener un elemento con posición absoluta.

Lo básico sería:

Código CSS:
Ver original
  1. div.contenedor {
  2.   position: relative;
  3. }
  4.  
  5. div.efecto {
  6.   position: absolute;
  7.   visibility: hidden;
  8. }
  9.  
  10. div.contenedor:hover div.efecto {
  11.   visibility: visible;
  12. }



Luego también puedes animarlo para que salga moviéndose desde abajo usando transition.