
25/11/2013, 08:53
|
| | Fecha de Ingreso: enero-2002 Ubicación: Lima
Mensajes: 461
Antigüedad: 23 años, 2 meses Puntos: 1 | |
Respuesta: div con transicion cambia al achicar pantalla Cita:
Iniciado por marcinf2 tengo un div (contenedor) que mediante la propiedad transition al pasar el mouse sobre el aparece otro div esto funciona bien en pantalla normal pero al achicar la pantalla cambia de tamaño dejo el codigo ya probe con % px y nada me falto poner algo en el codigo ahi va Código HTML: <div class="span6" id="first_ofert">
<div class="span6" id="ofert_foto">
<img src="img/ofertas/oferta1.png">
</div>
<div class="span6" id="ofert_detalle">
<h4>Peru Monumental</h4>
<p>6dias 5Noches</p>
</div>
<!-- div sobre el otro-->
<div class="span6" id="ofer_hover">
</div>
</div>
y el css Código HTML: #first_ofert {
border: 1px solid #5D97CE;
position: relative;
}
#ofer_hover {
display: block;
background-color: #03C;
position: absolute;
z-index: 50;
left: 0px;
top: 0px;
opacity: 0;
transition: All 0.6s ease;
-webkit-transition: All 0.6s ease;
-moz-transition: All 0.6s ease;
-o-transition: All 0.6s ease;
height: 92px;
float: left;
}
#ofer_hover :hover{
opacity: 1;
}
Gracias |