VPF::Растянуть фоновое изображение

Mpak

Дата 19.2.2009, 22:20 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 445
Регистрация: 12.11.2006

Репутация: нет
Всего: 7

слышал, что есть такое свойство

Код


background-size: [ [ <length> | <percentage> | auto] {1, 2} || round ] [ [ , [ <length> | <percentage> | auto ] {1, 2} ] || round ]

но также слышал, что оно еще не реализовано ни в одном из широко распространенных браузеров. (на 2008 г.)

Есть чего нибудь подобное желательно реализованное? smile

Это сообщение отредактировал(а) Mpak - 19.2.2009, 22:20

--------------------

В любой откомпилированной программе есть, по крайней мере, одна ошибка...
P.S. А у меня их минимум две...

bars80080

Дата 19.2.2009, 22:57 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

<img style="width: ; height: ;" src="" />
уже реализовано

а с фоном да, никаких вариантов (пока что)

Mpak

Дата 19.2.2009, 23:14 (ссылка)

(голосов:1)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 445
Регистрация: 12.11.2006

Репутация: нет
Всего: 7

Цитата(bars80080 @ 20.2.2009, 01:57

)

<img style="width: ; height: ;" src="" />уже реализовано

это-то понятно.. надо именно фон растянуть.. repeat не подходит..

--------------------

В любой откомпилированной программе есть, по крайней мере, одна ошибка...
P.S. А у меня их минимум две...

ksnk

Дата 20.2.2009, 00:27 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Код


<style>
* {padding:0; margin:0;}
</style>

<body style="width:100%;height:100%;position:relative;">
<!-- фон -->
<div style="z-index:1;overflow:hidden;position:absolute;top:0;left:0;height:100%;width:100%;">
<img style="width:100%;height:100%;" src="expand_small.gif" alt="" >
</div>
<!-- Контекст -->
<div style="z-index:2;position:absolute;top:0;left:0;height:100%;width:100%;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</div>
</body>

Можно даже вспомнить, что еще бывает и position:fixed...

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Mpak

Дата 20.2.2009, 06:57 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 445
Регистрация: 12.11.2006

Репутация: нет
Всего: 7

Оу... что то я не догадался див приспособить с низшим приоритетом)) ksnk, благодарю smile

--------------------

В любой откомпилированной программе есть, по крайней мере, одна ошибка...
P.S. А у меня их минимум две...

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »