Buenas
Tengo una web donde deberian aparecerme unas imagenes de fondo e ir alternandose.
El codigo correspondiente es:
Código:
<div id="outer">
<div id="slides" class="index.html">
<div class="slide" style="background-image: url(/fondos/girl9.jpeg);"></div><div class="slide" style="background-image: url( /fondos/background3.jpeg ); opacity: 0;"></div><div class="slide" style="background-image: url(/fondos/background4.jpg); opacity: 0;"></div><div class="slide" style="background-image: url(/fondos/background2.jpg); opacity: 0.995445;"></div><div class="slide" style="background-image: url(/fondos/background5.jpg); opacity: 0.00455529;"></div>
</div>
Donde de ahi, las diferentes estilos que influyen son:
Código HTML:
#outer {width: 100%; height: 100%; background: url(/imagenes/page-bg.jpg) top center repeat-x; position: relative; color: #999; z-index: 0;}
#slides {position:absolute; z-index:-100; width:100%; left: 0; top: 0; min-height:900px; overflow:hidden; }
.slide {overflow:hidden; background-position:50% 0; display: block; height:900px; width:100%; background-repeat:no-repeat; position:absolute; top:0; right: 0%; margin: 0; padding: 0;}
Pero NO me funciona. ¿Qué está mal?
