Несколько фоновых изображений css вопрос - PullRequest
0 голосов
/ 09 мая 2011

У меня есть фоновое изображение шаблона, которое повторяется в теге body. Размер изображения 256x256 пикселей.

body {  
   font: 12px/1.4 Helvetica, sans-serif; 
   color: #fff; 
   background-image: url("img/bg1.jpg");
   background-repeat:repeat;
}

#bg2{
   ?
}

#wrap{
   width:960px;
   margin:0 auto;
} 

Затем я получил второе изображение, которое я хочу зафиксировать в центре экрана, перекрывая изображение тела.Это изображение является вторым задним изображением, оно не должно повторяться.Размеры: 400x800px.

Это 2-е изображение выглядит так же, как и первое по краям, но имеет посередине молнию, поэтому вы, море, мне нужна, возможно, какая-то прозрачность.*

<body>
        <div id="wrap">

        <div id="bg2">..here comes the 2nd bkground image..</div>

        ....content
    </div>
</body>

Проблема в том, что множественное заднее изображение не так легко получить.Может кто-нибудь помочь?

1 Ответ

1 голос
/ 09 мая 2011

Попробуйте что-то вроде этого:

#bg2 {
    position: absolute;
    height: 100%;
    width: 100%;
    background: url('img/bg2.jpg') no-repeat fixed center;

    /* IE transparency */
    filter: alpha(opacity=60);

    /* standard transparency */
    opacity: 0.6;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...