Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.12.2009, 15:04
Кандидат Javascript-наук
Отправить личное сообщение для ArmagedDance Посмотреть профиль Найти все сообщения от ArmagedDance
 
Регистрация: 07.12.2009
Сообщений: 147

Как кроссбраузерно реализовать градиент прозрачности?
Сабж. А заодно вопрос - возможно ли реализовать задумку сайта способом, отличным от нижеописанного?
В общем, есть желание сделать так, чтобы сайт подсвечивался освещением, то есть при движении курсора двигалось световое пятно, освещая сайт.
Пример реализации здесь:
http://zvukotronika.ru/alfalyri
(открывать желательно в IE или Opera, в FF пока непонятный глюк портит всю красоту).
Реализация - достаточно большой PNG-рисунок с полупрозрачным градиентом по центру жестко прикреплен к курсору.
Проблема - внешний слой экранирует ссылки и текст. + глюк в firefox
Подозреваю, что можно решить проблему способом задания блока div на весь размер экрана и градиентом прозрачности черного фона div'a, опять же привязанного к курсору мыши. Кто что посоветует?
Ответить с цитированием
  #2 (permalink)  
Старый 07.12.2009, 15:06
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Сообщение от ArmagedDance
Подозреваю, что можно решить проблему способом задания блока div на весь размер экрана и градиентом прозрачности черного фона div'a, опять же привязанного к курсору мыши.
Он точно также будет перекрывать текст и ссылки.
Ответить с цитированием
  #3 (permalink)  
Старый 07.12.2009, 15:14
Кандидат Javascript-наук
Отправить личное сообщение для ArmagedDance Посмотреть профиль Найти все сообщения от ArmagedDance
 
Регистрация: 07.12.2009
Сообщений: 147

Да, это верно. А есть способ сделать без перекрывания?
Ответить с цитированием
  #4 (permalink)  
Старый 07.12.2009, 16:54
Аватар для subzey
Пионэр
Отправить личное сообщение для subzey Посмотреть профиль Найти все сообщения от subzey
 
Регистрация: 16.11.2009
Сообщений: 1,322

Сообщение от ArmagedDance
портит всю красоту
Сударь! 2010 год на носу, прекратите же навешивать на сайт кучу скриптов «потому что красиво»! Лучше озаботьтесь тем, как это все выглядит под разными разрешенями.

Да, и кстати, вмешательство в аудиопространство пользователя недопустимо. Мне, например, больше нравится Amethystium, чем то, что играет у Вас на сайте. :3
Ответить с цитированием
  #5 (permalink)  
Старый 08.12.2009, 11:47
Аспирант
Отправить личное сообщение для PepeL Посмотреть профиль Найти все сообщения от PepeL
 
Регистрация: 30.09.2009
Сообщений: 61

ArmagedDance,
можно попробовать сдвинудь блок ниже курсора или окружить курсор несколькими.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как реализовать на jQuery скроллинг фоток sensor jQuery 8 31.05.2010 18:51
как реализовать задачу? (автокомплит и много инпутов из под дома) h-zone jQuery 1 06.11.2009 20:09
Как правильно реализовать на Java-Script trio Общие вопросы Javascript 2 06.10.2009 19:11
Как реализовать? Fliand Элементы интерфейса 4 22.08.2009 19:47
Динамически увеличивающиеся изображения: как реализовать? cforest Events/DOM/Window 6 24.06.2009 17:16