Форум Сайтостроение Веб-строительство

Прошу помочь наложить фото на фото в css

P
На сайте с 06.01.2009
Offline
601
postavkin
676

Здравствуйте.

Есть в css 


.g_header {

	min-height: 270px;

	_height: 270px;

	position: relative;

	background: url(../images/img1.jpg) no-repeat left top;

}

Помогите, пожалуйста, поверх img1 наложить картинку img2, но размером меньше.

Высота картинки 207пикс.

Спасибо заранее.

Ragnarok
На сайте с 25.06.2010
Offline
239
Ragnarok
#1

postavkin, ну вставьте в div с классом g_header ещё один div и позиционируйте там вторую картинку

//TODO: перестать откладывать на потом
tommy-gung
На сайте с 22.11.2006
Offline
304
tommy-gung
#2
Синтаксис
CSS2.1

background: [background-attachment || background-color || background-image
|| background-position || background-repeat] | inherit

CSS3

background: [<фон>, ]* <последний_фон>

первая ссылка из яндекса http://htmlbook.ru/css/background

Здесь не могла быть ваша реклама
Playerror
На сайте с 28.09.2008
Offline
152
Playerror
#3

Можно просто мультибэкграунд сделать

Первая картинка будет сверху 

.g_header {

	min-height: 270px;

	_height: 270px;

	position: relative;

	background-image: url(1.jpg),url(2.jpg);

        background-repeat: no-repeat;

        background-position: left top, left top; 

}
Блог (https://goo.gl/5VP0UR)
P
На сайте с 06.01.2009
Offline
601
postavkin
#4
Playerror:
Можно просто мультибэкграунд сделать

Первая картинка будет сверху 
.g_header {

	min-height: 270px;

	_height: 270px;

	position: relative;

	background-image: url(1.jpg),url(2.jpg);

        background-repeat: no-repeat;

        background-position: left top, left top; 

}

Отлично. Проблема решена. Спасибо Playerror!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий