вопрос по focus

[green-vik]

Всем привет.

народ выручайте, столкнулся с проблемой. сделал блок фиксированый и задал ему opacity:0.1; а при наведении значение равное 1 . в этом блоке есть форма (textarea) как сделать чтобы как только форма получала фокус блок тоже принимал значение opacity:1; и становился видимым не дожидаясь пока не него наведут?

вот коды https://jsfiddle.net/c6c00ewg/1/

 

[Q4Dizzy]

q4dizzy - скайп, пиши.

Edited November 17, 2016 by Q4Dizzy

[Q4Dizzy]

А зачем делать блок прозрачным? А не конкретно textarea? Есть скрин или более внятный пример того, чего хотите достигнуть?

 

Просто чисто стилями можно с использованием псевдо-классов hover, focus и т.д. можно влиять либо на элементы, находящиеся после элемента (следующий, все, идущие после него, определённые, идущие после него), либо на потомков этого элемента. Если нужно влиять на предыдущие либо родительские элементы, тут уже js в помощь.

Edited November 17, 2016 by Q4Dizzy

[green-vik]

вот обычное положение формы

http://itmages.ru/image/view/5201122/97a00641

при прокрутке вниз он становиться фиксированым и прилепает к верхнему правому углу страницы

http://itmages.ru/image/view/5201134/bc1e084f (это фото с наведенным курсором на форму) 

 

когда кликаешь в коментариях ответить, форма становиться активной, получает фокус, но остаеться также еле видимой мне надо чтобы при таком условии она становилась видимой

[Q4Dizzy]

17 минут назад, green-vik сказал:

когда кликаешь в коментариях ответить, форма становиться активной, получает фокус, но остаеться также еле видимой мне надо чтобы при таком условии она становилась видимой

Так тут больше похоже, что это не блок прозрачный, а текстовое поле, поверх которого блок.

 

textarea:focus {
  opacity: 1;
}

Что-то типа этого. Лучше конечно целевой код глазами глянуть.

Либо, если там не opacity, а прозрачный background - то так:

textarea:focus {
 background-color: #fff;
}

 

Edited November 17, 2016 by Q4Dizzy

[green-vik]

там просто фона небыло , вот как с фоном выглядит http://itmages.ru/image/view/5201178/ae8eab2d

а твой вариант пробовал, не работает, так как прозрачность назначена не форме а блоку

 

код бы показал, но на денвере леплю

Edited November 17, 2016 by green-vik

[Q4Dizzy]

2 варианта:

1 - либо используй js, при событии фокуса поля меняй css нужного блока.

2 - убери прозрачность и фон у блока, добавь прозрачность полю. и по фокусу через css меняй прозрачность у самого поля.

 

Edited November 17, 2016 by Q4Dizzy

[green-vik]

второй не подходит, так как там и bb-панель и кнопка отправить, а вот с первым проблемка, не дружу я с js

у тебя как с ним? если я тебе скину тебе свой скрипт сможешь доработать?

Edited November 17, 2016 by green-vik

[green-vik]

спасибо вопрос решили