Форум PHP программистов

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: 2 or more bgz

md5

7.11.2006 - 18:15

Так, есть слой... у него сбоку - полоска...
короче
можно ли сделть два бэкграунда,
1 - повторяется везде,
2 - висит в каком-нить углу поверх первого?

Спустя 18 минут, 51 секунда (7.11.2006 - 17:34) vasa_c написал(а):

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

Спустя 8 минут, 46 секунд (7.11.2006 - 17:43) Наталья написал(а):

md5,
Вложи одну таблицу в другую и задай каждой background...

Спустя 16 минут, 4 секунды (7.11.2006 - 17:59) Timok написал(а):

<style type="text/css">
#up{
    background:url(1.jpg) no-repeat;
    border:3px solid red;
    width:100px;
    height:100px;
}
#down{
    background:url(1.gif);
    border:3px solid blue;
    width:200px;
    height:200px;
}
</style>
<head>
<body>
<div id="down">
Нижний
    <div id="up">
    Верхний
    </div>
</div>

Спустя 2 минуты, 54 секунды (7.11.2006 - 18:02) md5 написал(а):

<div class='quotetop'>QUOTE(Наталья)</div><div class='quotemain'>Вложи одну таблицу в другую и задай каждой background...</div><br>извращение<br><br>на рисунке:<br>короче допустим такая полоска должна быть в bg по правому краю слоя. Допустим можно сделать чтобы - это была пипка синяя вверху <br>

 
	background-image: url('/images/pipka_top.gif');
	background-position: top right;
	background-repeat: no-repeat;

но надо же такую же внизу типа:

 
	background-image: url('/images/pipka_bottom.gif');
	background-position: bottom right;
	background-repeat: no-repeat;

а ещё серую полоску на bg...

Спустя 19 минут, 32 секунды (7.11.2006 - 18:21) Наталья написал(а):

md5,

QUOTE

извращение

:lol: Спасибо

Твой вопрос - это не совсем наложение одного backgraund-a на другой. У тебя один backgraund, состоящий из двух картинок, которые не перекрываются друг другом...

Спустя 1 минута, 58 секунд (7.11.2006 - 18:23) Timok написал(а):

<style type="text/css">
#base{
    background:#ccc;
    position:relative;
    width:100px;
    height:300px;
}
#up{
    background:#c60;
    width:10px;
    height:10px;
    position:absolute;
    right:0;
    top:0;
}
#down{
    background:#06c;
    width:10px;
    height:10px;
    position:absolute;
    right:0;
    bottom:0;
}
</style>
</head>
<body>
<div id="base">
    <div id="up"></div>
    <div id="down"></div>
</div>

Спустя 9 минут, 31 секунда (7.11.2006 - 18:33) md5 написал(а):

спасибо Timok

Спустя 40 минут, 23 секунды (7.11.2006 - 19:13) Наталья написал(а):

Timok,
Ты заодно решил и мою проблему, спасибо

Быстрый ответ:

Здесь расположена полная версия этой страницы.