Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.79/70: Рейтинг темы: голосов - 70, средняя оценка - 4.79
na3ar1y
48 / 4 / 3
Регистрация: 14.11.2010
Сообщений: 163
1

как вставить изображения на фон изображения так чтоб оно было 2м фоном

08.08.2012, 12:03. Просмотров 12957. Ответов 4
Метки нет (Все метки)

Добрый день подскажите как вставить изображения на изображения в сss 2.1 . У меня есть фон картинка и мне нужно вставить еще одну картинку поверх картинки которая стоит фоном
вот как я питался делать?
HTML5
1
2
3
4
5
6
[HTML]
<body>
 <div id="2fon"> <!-- здесь "id" для картинки которая должна быть выше фонового изображения-->
    </div>
..........................
</body>
[/HTML]
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
body{
    font:14px Tahoma, Geneva, sans-serif;
    color:#000;
    width:800px;
    heigth:1400px;
    margin:0 auto;
    outline: 1px solid;
background-image:url(../img/ww3.jpg); 
background-attachment:fixed;
}
#2fon{
    color:#000;
    width:800px;
    heigth:1400px;
    margin:0 auto;
    outline: 1px solid;
    background-image:url(../img/00.jpg); 
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
08.08.2012, 12:03
Ответы с готовыми решениями:

Как изменить параметры изображения, чтоб другие изображения не менялись
Не знаю как правильно сформулировать вопрос для поисковиков. Как в css изменить...

Как залить фон меню цветом и сделать так, чтобы изображения отображались (вн)
Первое изображение - как должно быть, второе - что у меня. Фрагменты css, в...

Как сделать так, чтобы задний фон страницы не прокручивался вместе с передним фоном страницы ?
Как сделать так, чтобы задний фон страницы не прокручивался вместе с передним...

Как сделать, чтобы слева от изображения не было такого отступа от края?
Разместила изображение на сайте, не подскажите как сделать, чтобы слева не было...

Как выровнять текст по ширине так, чтобы он не заходил на изображения?
Как выровнять текст по ширине так, чтобы он не наслаивался на изображения?

4
Jallik Lich
Исследователь
195 / 174 / 13
Регистрация: 30.10.2011
Сообщений: 605
08.08.2012, 12:38 2
Либо я чего-то не понял, либо у меня получилось все просто:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
    <title>Моя супер страница</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>
 
<body>
    <div class="wrapper">
 
    </div>
</body>
 
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
body {
    background-image: url('http://arttower.ru/forum/uploads/monthly_08_2008/post-3247-1219178986.jpg');
}
 
.wrapper {
    width: 1000px;
    height: 150px;
 
    background-image: url('http://usiter.com/uploads/20101010/tekstury_tekstura_edy_8430.JPG');
 
    margin: 0 auto;
}
P. S. Картинки с сайтов были взяты только ради тестирования работоспособности.
1
pavlinmavlin
разработчик
46 / 48 / 22
Регистрация: 24.07.2012
Сообщений: 219
Записей в блоге: 8
08.08.2012, 12:55 3
Цитата Сообщение от na3ar1y Посмотреть сообщение
Добрый день подскажите как вставить изображения на изображения в сss 2.1 . У меня есть фон картинка и мне нужно вставить еще одну картинку поверх картинки которая стоит фоном
вот как я питался делать?
HTML5
1
2
3
4
5
6
[HTML]
<body>
 <div id="2fon"> <!-- здесь "id" для картинки которая должна быть выше фонового изображения-->
    </div>
..........................
</body>
[/HTML]
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
body{
    font:14px Tahoma, Geneva, sans-serif;
    color:#000;
    width:800px;
    heigth:1400px;
    margin:0 auto;
    outline: 1px solid;
background-image:url(../img/ww3.jpg); 
background-attachment:fixed;
}
#2fon{
    color:#000;
    width:800px;
    heigth:1400px;
    margin:0 auto;
    outline: 1px solid;
    background-image:url(../img/00.jpg); 
}
Попробуйте так:
CSS
1
2
3
 body {
background-image: url(../img/00.jpg) , url(../img/ww3.jpg)   ;
}
0
na3ar1y
48 / 4 / 3
Регистрация: 14.11.2010
Сообщений: 163
08.08.2012, 15:18  [ТС] 4
Цитата Сообщение от Jallik Lich Посмотреть сообщение
Либо я чего-то не понял, либо у меня получилось все просто:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
    <title>Моя супер страница</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>
 
<body>
    <div class="wrapper">
 
    </div>
</body>
 
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
body {
    background-image: url([url]http://arttower.ru/forum/uploads/monthly_08_2008/post-3247-1219178986.jpg);[/url]
}
 
.wrapper {
    width: 1000px;
    height: 150px;
 
    background-image: url([url]http://usiter.com/uploads/20101010/tekstury_tekstura_edy_8430.JPG);[/url]
 
    margin: 0 auto;
}
В стилях лишний url /url - они добавлены форумом автоматически, их необходимо убрать...

P. S. Картинки с сайтов были взяты только ради тестирования работоспособности.
Все сделал как вы показали в своем примере в отдельном документе - работает, а на своем сайте делаю не работает, искал ошибки весь текст перечитывал и проверял на ошибки и вроде все верно.
буду еще искать в чем проблема. спасибо

Добавлено через 17 минут
Цитата Сообщение от pavlinmavlin Посмотреть сообщение
Попробуйте так:
CSS
1
2
3
 body {
background-image: url(../img/00.jpg) , url(../img/ww3.jpg)   ;
}
Не работает такой синтаксис
0
Jallik Lich
Исследователь
195 / 174 / 13
Регистрация: 30.10.2011
Сообщений: 605
11.08.2012, 01:31 5
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
body{
    font:14px Tahoma, Geneva, sans-serif;
    color:#000;
background-image:url(../img/ww3.jpg); 
}
#2fon{
    color:#000;
    width:800px;
    heigth:1400px;
    margin:0 auto;
    outline: 1px solid;
    background-image:url(../img/00.jpg); 
}
В стилях body я убрал все, что по моему мнению ничего не дает, а только путает браузер.
Также не забывайте, что color устанавливает цвет шрифта (если не ошибаюсь) а background-color цвет фона.
1
11.08.2012, 01:31
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
11.08.2012, 01:31

Фон блока из части изображения
Доброго времени! В общем есть изображение шириной 7px высотой 1px. Нужно...

Плавный переход изображения в фон сайта
Всем привет. Искал в интернете и не смог найти решение задачи. Возможно запросы...

Фон сайта с дублирование изображения и внутренней тенью
Здравствуйте, как правильно сделать фон сайта с дублирование изображения и...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru