Comments on: Кроссбраузерная подсветка счетчиков

By: Осветление графических объектов

Осветление графических объектов — Mon, 12 Nov 2007 04:01:48 +0000

[...] Пользуемся [...]

By: Евгений

Евгений — Wed, 25 Jul 2007 16:11:05 +0000

При валидации нужно выбрать More Options > Profile: CSS version 3, чтобы валидатор понимал свойства из СSS3, и никаких проблем с opacity не будет.

By: max

max — Mon, 23 Jul 2007 05:46:35 +0000

>>> Сделайте так: ... opacity
с каких это пор opacity проходит валидацию? ;)

By: garA

garA — Tue, 17 Jul 2007 04:27:12 +0000

ок.. если придется, то так и буду делать.. пасиб.. :)

By: Евгений

Евгений — Mon, 16 Jul 2007 14:38:31 +0000

Конечно, нет.

Сделайте так:

//в основном файле стилей
a:hover img {
    opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +,
                             Safari 1.2+, Opera 9 */
}

//в файле для IE или под условным комментарием
a:hover img {
    filter: alpha(opacity=60); /* IE 5.5+*/
}

Остальные браузеры, большая редкость.

By: garA

garA — Mon, 16 Jul 2007 13:21:40 +0000

Вопрос по первому способу

а он проходит валидацию?

By: Михаил

Михаил — Wed, 11 Jul 2007 09:25:23 +0000

Большое спасибо за первый способ - отлично работает)

By: an

an — Sat, 14 Apr 2007 05:07:22 +0000

IE ***

что касаетца IE то вот немного примеров еще
---
эффекты градиентного осветления

filter:alpha(opacity=80, style=0);
filter:alpha(opacity=80, style=1);
filter:alpha(opacity=80, style=2);
filter:alpha(opacity=80, style=3);

В зависимости от параметра style можно добиться различных градиентных осветлений.
---

осветление рисунка слева на право.

filter: alpha(startx=0, style=1);
filter: alpha(startx=20, style=1);
filter: alpha(startx=60, style=1);
filter: alpha(startx=100, style=1);

В зависимости от значения startx можно наблюдать различную степень осветлённости. Если значение близко к нулю, то картинка максимально прозрачна, и, наоборот
---

ещё один способ осветления, но с более резкими границами.

filter: alpha(finishx=0, style=1);
filter: alpha(finishx=20, style=1);
filter: alpha(finishx=60, style=1);
filter: alpha(finishx=100, style=1);
---

пример правостороннего освещения.

filter: alpha(opacity=0, finishopacity=10, style=1);
filter: alpha(opacity=0, finishopacity=20, style=1);
filter: alpha(opacity=0, finishopacity=60, style=1);
filter: alpha(opacity=0, finishopacity=100, style=1);

By: Игорь

Игорь — Wed, 11 Apr 2007 13:49:16 +0000

Спасибо! Я, с вашего позволения, буду использовать первый вариант. У вас маска при наведение я буду делать наоборот.