Фон CSS Изображение

Question

У меня довольно сложная веб-страница, и я хочу иметь изображение в фоновом режиме, которое видно из всех слоев div. Пожалуйста, посмотрите на код http://va.in-design.com. Независимо от того, что я пытаюсь, я могу получить только некоторое меню. Некоторые настройки позволяют показывать, когда доступ к меню на странице (зависает). Может ли кто-нибудь дать мне указатель на лучший способ сделать это. Кроме того, есть ли что-нибудь доступное там, которое позволит этому изображению быть на 100% при нагрузке, а затем исчезать до 15%?

Answer 1

Существует непрозрачность CSS и CSS-переходы, но для этого я собираюсь использовать jquery.

1. Настройте HTML {} селектор, чтобы показать фон, как этот

   html { 
   height: 100%; 
   margin: 0; 
   width: 100%; 
   background-image: url(/images/logos/v-alexander-logo1-04-transpart-web.gif) 
   no-repeat center center fixed; 
   -webkit-background-size: cover; 
   -moz-background-size: cover; 
   -o-background-size: cover; 
   background-size: cover; 
   } 
   

2. Я не уверен, что вы имеете в виду меню не показывает, я видел в меню над фоновым изображением точно , Если у вас все еще есть эта проблема, я бы рекомендовал использовать z-index в качестве одного из ваших правил css для вашего меню ul # sdt_menu или обернуть его в id div и настроить z-index этого родительского div.

3. JQuery сделать непрозрачности выцветанию бы это http://jsfiddle.net/naeluh/XYB3u/

добавить этот Див ко всем страницам, которые вы хотите фон.

<div id="background"></div> 

добавить это правило CSS в файл style.css и забрать свой HTML {}

#background{ 
    height: 100%; 
    position:absolute; 
    top:0; 
    left:0; 
    width: 100%; 
    background-image: url(http://va.in-design.com/images/logos/v-alexander-logo1-04-transpart-web.gif); 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    z-index:-1; 
    } 

добавить это в голову из страниц, которые вы хотите, чтобы это исчезать

<script type='text/javascript'> 
     $(window).load(function(){ 
     $('#background').fadeOut(9000); 
     }); 
    </script>