VPF::Возможен ли градиент при помощи CSS без картинки?

Win MK 32

Дата 26.5.2009, 00:52 (ссылка)

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

Загрузка ...

Опытный

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

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

Если нет, то что лучше тоненькая повторяющаяся полоска(картика) или JS?

FortMax

Дата 26.5.2009, 03:01 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 485
Регистрация: 2.10.2006
Где: Россия, г. Бироби джан ЕАО

Репутация: 3
Всего: 5

возможен при использовании CSS-фильтров, можно посмотреть здесь
например:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <style type="text/css">

    div{
      width:300px;
      height:300px;
      filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,
       startColorStr=#ff0000, endColorStr=#0000ff);
   } 

    </style>
</head>

<body>
<div>
Hello World!
</div>
</body>
</html>

Это сообщение отредактировал(а) FortMax - 26.5.2009, 06:01

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

bars80080

Дата 26.5.2009, 09:57 (ссылка)

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

Загрузка ...

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

Награды: 1

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

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

Цитата(FortMax @ 26.5.2009, 03:01

)

filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,
startColorStr=#ff0000, endColorStr=#0000ff);

уже по слову microsoft можно догадаться о работоспособности этого примера

полоска лучше: просто и сердито

Win MK 32

Дата 26.5.2009, 15:08 (ссылка)

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

Загрузка ...

Опытный

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

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

Тоже так подумал smile

Всем спасибо. Буду смотреть в сторону *.gif и CSS.

Soah

Дата 26.5.2009, 15:13 (ссылка)

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

Загрузка ...

Опытный

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

Репутация: 2
Всего: 54

http://forum.vingrad.ru/index.php?showtopi...t&p=1817193

?

Win MK 32

Дата 26.5.2009, 15:28 (ссылка)

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

Загрузка ...

Опытный

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

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

Soah, спасибо, посмотрю, в похожих темах не видел ссылку, надеюсь кросбразерно.

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

Добавлено через 1 минуту и 19 секунд
Или наоборот градиент-картинка-полоска будет настолько длинная, что все увидят только треть спектра градиента.

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

Добавлено через 2 минуты и 11 секунд
А если и жить с таким недостатками, то следовательно градиент можно использовать только для маленьких и отдельных блоков, ни в коем случае не как фон для страницы. (я не спец, просто рассуждения на тему)

Soah

Дата 26.5.2009, 15:37 (ссылка)

(голосов:1)

Загрузка ...

Опытный

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

Репутация: 2
Всего: 54

Win MK 32, какие картинки?

Вы заголовок читали?
cross-browser gradient backgrounds without images

Win MK 32

Дата 26.5.2009, 16:24 (ссылка)

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

Загрузка ...

Опытный

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

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

Soah, это я не вам конкретно, а всем. Просто рассуждения.

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