Как сделать нижний верхний слой веб-сайта прозрачным для фонового слайд-шоу? ⇐ Html

[Anonymous]

У меня есть функция, которая показывает слайд-шоу на заднем плане сайта. Я хочу, чтобы навигационные ссылки были прозрачными, а тело — прозрачным. Не прозрачный, как без цвета, прозрачный, как если бы вы могли видеть слайд-шоу на заднем плане.

$(document).ready(function() {
function test() {
var count = $("img").size();
$("#background_images img").each(function(index) {
$(this).hide();
if (!--count)
$(this).delay(10000 * index).fadeIn(3000).delay(10000).fadeOut(1000, function() { test(); });
else
$(this).delay(10000 * index).fadeIn(3000).delay(10000).fadeOut(1000);
});
}
test();
});

-->


body, html{
margin:0;
padding: 0;
background: #000;
filter: alpha (opacity=50);
background-attachment: fixed;
width: 100%;
height: 100%;
}
html { overflow: hidden; filter: alpha (opacity=50); }
body { overflow: auto; filter: alpha (opacity=50);}

#background_images img{
position: absolute;
top:0;
display:none;
width: 99%;
z-index: 1;
}

#container { width: 1000px; background: #fff; margin: 0 auto; border-left: 1px solid #000; border-right: 1px solid #000; position: relative; z-index: 2; }
#header { width: inherit; height: 0px; background: url(../images/header.png) no-repeat; }
#navbar { width: inherit; height: 35px; background: url(../images/navbar.png) repeat-x; border-top: 1px solid; border-bottom: 1px solid; }

/* navbar ul content */

#navbar ul { list-style-type: none; padding: 0; margin: 0; }
#navbar li { display: inline; float: left; padding-left: 15px; margin: 0; }
#navbar li a { display: block; width: 50px; height: 26px; padding: 5px; color: #000; text-decoration: none; text-align: center; }
#navbar li a:hover { background: #fff; color: #666; }

#content { width: inherit; background: url(../images/shadow.png) repeat-x top #fff; }

/* content div's "cont" class */

#content .cont { padding: 50px; }

#footer { width: inherit; height: 150px; filter: alpha(opacity=100); -moz-opacity:.40;
opacity:.40;
text-align: center; padding-top: 100% }

/* footer div's "cont" class */

#footer .cont { padding: 5px; }

#footer .footlinks a { color: #fff; text-decoration: none; }

• 
  
  
  
  Collections
  Our work
  
  
  
  Formal
  Indigenous
  Vintage
  Retro
  Modern
• 
  
  
  
  Entice Ur Match
  Customize Your Own.
  
  
• 
  
  
  
  Be A Designer
  Up For A Challenge
  
  
• 
  
  
  
  
  
  
  Who Are We
  Matt & Na'il
  
  

© 2012. All Rights Reserved. Designed by Matthew Harding. ©
Home | Test | Test | Test | Test