Que tal amigos,
Estoy trabajando en un proyecto y queria consulta una duda respecto a la utilizacion de un div sobre un slider.
Mi idea seria basicamente la siguiente
[URL="http://s30.postimg.org/5cbe5yl35/Captura_de_pantalla_2014_06_30_a_la_s_12_56_21.png "]http://s30.postimg.org/5cbe5yl35/Captura_de_pantalla_2014_06_30_a_la_s_12_56_21.png[/URL]
En este ejempo figura un mapa de google de fondo, tambien habria un slider con imagenes pasando. Lo que me gustaria lograr seria que el div quedase fijo y las imagenes del slider pasen debajo.
Lo que tengo al momento es lo siguiente:
Código:
//el recuadro azul
.slider-recuadro {
background: #084272;
height: 381px;
position: absolute;
left: 320px;
/*width: 337px;*/
width: 300px;
z-index: 8;
zoom: 1;
opacity: 0.9;
filter: alpha(opacity=50);
}
//el texto sobre el recuadro
.slider-texto {
font-color: #FFFFFF;
padding: 30px;
}
Hasta aca creo estar en lo correcto (sugerencias?),
como podria hacer para que este recuadro sea responsive o sea se vaya acomodando segun la resolucion?
pd: el slider que uso es layerslider
Desde ya muchas gracias.