VPF::Эффект изменения альфы - Форум программистов

Alek74

Дата 11.8.2006, 11:00 (ссылка)

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

Загрузка ...

Шустрый

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

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

Есть ячейка в таблице. В ней фоновый рисунок.

Как сделать, чтобы поверх фона появлялся полу прозрачный слой, при наведении курсура?

Или это можно сделать через CSS?

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

---------------------------------- «Филисофия жизни ©» ----------------------------------

Gaioz

Дата 11.8.2006, 11:29 (ссылка)

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

Загрузка ...

Новичок

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

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

Недавно самому понадобилось, и кроме CSS я ни чего не нашол.

Код



<body>

<script language="javascript" type="text/javascript">

            var Alpha=20;
              
            function IsAlfa(){
          if(Alpha==35) {Alpha=20;}
           document.getElementById("img1").filters["alpha"].opacity=++Alpha;
          }

 </script>

 <img src="f1.jpg" id="img1" onMouseOver="IsAlfa()" style="position:absolut;top:120;left:120;filter:alpha(opacity='20');">
</body>

Alek74

Дата 11.8.2006, 11:37 (ссылка)

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

Загрузка ...

Шустрый

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

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

Цитата(Gaioz @ 11.8.2006, 11:29)

Недавно самому понадобилось, и кроме CSS я ни чего не нашол.

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

Как изменить прозрачность ячейки в таблице при наведении курсора? Обратимо.

Добавлено @ 11:41
Нашел такое предупреждение.

Цитата

Обратите внимание, что картинка размещена внутри элемента A. Дело в том, что Internet Explorer вплоть до версии 6, понимает псевдо-селектор :hover, только применительно к ссылкам, а не к любым элементам, как положено в CSS.

Т.е. получаеться, что ячейку сначала надо сделать ссылкой, и только потом будет работать?

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

---------------------------------- «Филисофия жизни ©» ----------------------------------

Sardar

Дата 11.8.2006, 12:00 (ссылка)

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

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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

Цитата(Alek74 @ 11.8.2006, 10:37

)

Т.е. получаеться, что ячейку сначала надо сделать ссылкой, и только потом будет работать?

Если ссылке дать display:block, то она будет вести себя как div, делай что хочешь. Естественно валидатор таких фокусов не понимает... smile

За место IE only фильтров пользуйтесь CSS opacity (moz-opacity, khtml-opacity и т.д. для старых версий браузеров, до выхода CSS2).

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

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

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