0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 1117 Просмотров
*

lost83

  • Захожу иногда
  • 91
  • 2 / 0
CSS Фон attachment:fixed
« : 29.01.2013, 20:49:33 »
У меня стоит фон

Код
#fon {

background: #000000;
background-image: url('../images/2.jpg');
background-repeat: no-repeat;
background-position:top right;

}

я хочу поставить 2 картинки по краям, как бы рамка когда читаешь текст они фиксировались по краям. прописал так.

Код
#kraya-right {

position:absolute;
top:340px;
right:0px;
width:140px;
height:362px;
background-image: url('../images/kraya-right.gif');
background-attachment:fixed;

}


#kraya-left {

position:absolute;
top:340px;
right:1120px;
width:140px;
height:362px;
background-image: url('../images/kraya-left.gif');
background-attachment:fixed;

}

в index.php прописано так

Код

</head>

<span id="kraya-right"> </span>
<span id="kraya-left"> </span>


<span id="baba"> </span>



<body id="fon">

<div id="wrapper">
<div id="header">
<div class="logo">
<?php if($mtype != "module") :
echo $mainnav;
else: ?>
<jdoc:include type="modules" name="user3" />
<?php endif;?>
</div>


Чё та ни чего не получается, получается, что эти 2 картинки находятся за черным фоном background: #000000; , и не фиксируются, уходят вверх все равно.
*

darkghost

  • Живу я здесь
  • 2126
  • 95 / 0
Re: CSS Фон attachment:fixed
« Ответ #1 : 30.01.2013, 12:51:13 »
че-то совсем не понятное.... - почему картинки по краям записаны в воздухе - перед body?
если устанавливаем по краям значит они должны быть в теле страницы - body и действительно по краям
Код
 <body>
<div id="base">
<div id="kraya-left"> левая сторона </div>
<div id="wrapper"> </div>
<div id="kraya-right"> правая сторона</div>
</div>
</body>
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться