Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.09.2013, 22:46
Профессор
Отправить личное сообщение для hoax Посмотреть профиль Найти все сообщения от hoax
 
Регистрация: 20.09.2012
Сообщений: 151

Появление затемненного фона на картинке
Опять проблемка)

Давно видел на сайтах, что при наведении на блок/картинку, снизу или сверху (и тд.) вылезает какой-нибудь полупрозрачный блок, со ссылкой, текстом и т.д.

решил сделать это через z-index где и блок и этот затемненный фон находятся на одном месте, и затемненный фон перекрывает картинку, но вот проблема, при наведении на этот самый фон, он улетает, что естественно но как решить? ---
http://jsfiddle.net/ArrFV/11/

это первая проблема)

а вторая, что при onmouseout изменяется высота затемненного фона, т.е. при уходе с блока/картинки, height этого полупрозрачного фона = 0px; но текст и какой-либо блок остается, получается некрасиво ---

http://jsfiddle.net/ArrFV/12/

сорри за бредовое объяснение уже спать пора
Ответить с цитированием
  #2 (permalink)  
Старый 12.09.2013, 23:24
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

вот я лет сто назад делал для этого сайта: http://webandad.com/
код http://jsfiddle.net/gY8E8/
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine

Последний раз редактировалось devote, 12.09.2013 в 23:34.
Ответить с цитированием
  #3 (permalink)  
Старый 13.09.2013, 10:00
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Не могу понять: а зачем там JS?
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #4 (permalink)  
Старый 13.09.2013, 11:30
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

Сообщение от danik.js
а зачем там JS?
хотя бы для старых браузеров
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #5 (permalink)  
Старый 13.09.2013, 11:33
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от devote
хотя бы для старых браузеров
Ну не будет анимации в старых браузерах, и че? Функциональность то от этого не пострадает.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #6 (permalink)  
Старый 13.09.2013, 11:37
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

Сообщение от danik.js
Ну не будет анимации в старых браузерах, и че? Функциональность то от этого не пострадает.
не зарикайся, видимо ты с заказчиками совсем не работал. Попробуй им так скажи, сразу заказ можешь потерять. Лишь по причине того что другие ему скажут что такое сделать возможно и в старых браузерах.
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #7 (permalink)  
Старый 13.09.2013, 11:51
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Если нужно будет - добавлю костыль на js. Но это будет костыль, запускаемый только при отсутствии поддержки css-transitions, а не основа.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #8 (permalink)  
Старый 13.09.2013, 13:01
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

danik.js,
решать тебе, другим то зачем навязываешь?
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #9 (permalink)  
Старый 13.09.2013, 13:38
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Потому что считаю это единственно правильным вариантом.
Есть люди которые до сих пор не знают что есть :hover, [placeholder], input[type=number] и тд.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #10 (permalink)  
Старый 13.09.2013, 13:54
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

Сообщение от danik.js
Потому что считаю это единственно правильным вариантом.
не сейчас, ибо это все еще сыро и не везде работает. Конечно для себя нужно делать однозначно. А для заказчиков нужно делать так что бы они были в восторге, им плевать на то как это делается внутри. Для них важно видимый результат. Если им нравится, они не просто тебя благодарят, но и советуют знакомым, друзьям и т.д. Что дает тебе известность и прибыль
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Плавное исчезновение фона ArthurSpirke Элементы интерфейса 5 07.06.2013 14:34
Алгоритм плавной смены фона или изображения vandy3 Общие вопросы Javascript 6 10.11.2010 23:56
случайная смена фона сайта на jquery Netherlandman jQuery 8 25.08.2010 02:11
Как использовать спрайты для Inline-блоков в качестве фона в IE6? Nominus umbra (X)HTML/CSS 2 11.06.2010 20:58