DeTalk.ru - форум о дизайне, искусстве, фотографии, графике, веб-технологиях. Форум дизайнеров, художников, фотографов, веб-разработчиков.
Быстрый поиск:

Здравствуйте, гость ( Вход | Регистрация )

 
Reply to this topicStart new topic
Пропорциональный ресайз фоновой картинки на CSS, возможно?  Пропорциональный ресайз фоновой картинки на CSS, возможно?
alex gusev
post Aug 11 2010, 04:27 AM
Сообщение #1


Новенький
*

Группа: Пользователь
Сообщений: 4
Регистрация: 6-July 09
Из: Москва
Пользователь №: 7 179
Фотокарточка



Репутация:   0  


Возможно ли на чистом CSS выполнить пропорциональный ресайз фоновой картинки, чтобы она всегда закрывала весь фон? Как здесь: http://www.alexandergusev.com/


--------------------
User is offline
ПрофильPM
Go to the top of the page
+Quote Post
ksvl88
post Sep 24 2010, 11:15 PM
Сообщение #2


Новенький
*

Группа: Пользователь
Сообщений: 4
Регистрация: 12-September 10
Пользователь №: 7 838
Фотокарточка



Репутация:   0  


на этом сайте это реализовано с помощью библиотеки jquery jquery.backstretch.js.

На чистом CSS размер фоновой картинки вроде нельзя задавать в %. Можно, например, вставить картинку в div. У картинки задать размеры в 100%. А div тоже должен быть размером 100%.

CSS:

<style>
.bg {position:absolute; width:100%; height:100%}
.bg img{width:100%;}
</style>


HTML:
<div class="bg"><img src="image_to_bg.png" alt=""></div>


--------------------
User is offline
ПрофильPM
Go to the top of the page
+Quote Post
Alex Frolov
post Jul 3 2011, 04:37 AM
Сообщение #3


Новенький
*

Группа: Пользователь
Сообщений: 1
Регистрация: 2-July 11
Пользователь №: 8 238
Фотокарточка



Репутация:   0  


То есть на каскадных таблицах css это не реально сделать!??


--------------------
User is offline
ПрофильPM
Go to the top of the page
+Quote Post
« Предыдущая тема · HTML, CSS, JavaScript · Следующая тема »
 

Reply to this topicStart new topic
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 





Adobe PhotoshopCorel DrawFlash3dблог по продвижению

Политика конфидециальности
© DeTalk.ru 2004-2012
Все права защищены.

SiteProjects - продвижение сайтов



При использовании материалов с сайта, ссылка на DeTalk.ru обязательна!


Текстовая версия