Jump to content
  • 0

вопрос по focus


green-vik
 Share

Question

Всем привет.

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

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

 

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

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

 

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

Edited by Q4Dizzy
Link to comment
Share on other sites

  • 0

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

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

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

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

 

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

Link to comment
Share on other sites

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

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

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

 

textarea:focus {
  opacity: 1;
}

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

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

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

 

Edited by Q4Dizzy
Link to comment
Share on other sites

  • 0

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

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

 

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

Edited by green-vik
Link to comment
Share on other sites

  • 0

2 варианта:

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

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

 

Edited by Q4Dizzy
Link to comment
Share on other sites

  • 0

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

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

Edited by green-vik
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy