С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/9: Рейтинг темы: голосов - 9, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 26.07.2013
Сообщений: 20
1

Свойство opacity

24.09.2013, 00:17. Показов 1726. Ответов 3
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Доброго времени суток.

Занялся версткой небольшого сайта и решил сделать один блок полупрозрачным при помощи свойства opacity - всё было хорошо до того момента, как я заметил, что при наведении на один из пунктов горизонтального меню расположенного выше этого блока выпадающее меню становилось также полупрозрачным и некликабельным - тобишь, этот opacity каким-то образом задевал и меню.

вопрос - как сделать так, чтобы данное свойство работало только в том блоке, где я его прописал - не касаясь других элементов?!

вот демонстрация
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
24.09.2013, 00:17
Ответы с готовыми решениями:

Не работает свойство opacity
Не меняет значение. Не знаю в чем проблема. Помогите Код размещаем не в виде картинок а на...

Как не наследовать свойство opacity?
Есть div с свойством opacity: 0.1; В этот div вложен другой div. Мне нужно, чтобы внешний div был...

Почему для текста не срабатывает filter: alpha(Opacity=100); opacity: 1; ?
Картинка в классе main, текст, который мне надо избавить от прозрачности тоже в main. Также...

Opacity
Проблема: есть iframe тег в которм отображается видео из youtube.com он располагается в...

3
112 / 112 / 18
Регистрация: 24.09.2013
Сообщений: 509
24.09.2013, 14:56 2
попробуйте вместо opacity использовать background-color: rgba(0,0,0,0.5); тогда прозрачность применится только к данному блоку
0
0 / 0 / 0
Регистрация: 26.07.2013
Сообщений: 20
24.09.2013, 15:37  [ТС] 3
спасибо, действительно вариант!
0
4 / 4 / 0
Регистрация: 17.09.2012
Сообщений: 47
25.09.2013, 17:43 4
тоже такое когда-то встретил, то если не ошибаюсь Z-index исправил проблему.
0
25.09.2013, 17:43
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
25.09.2013, 17:43
Помогаю со студенческими работами здесь

Opacity-body
Всем привет body {opacity: 0.8;} .get {opactiy: 1;} Я выставил на боди опасити 0.8 и хочу...

Opacity и text
Столкнулся с проблемой, как сделать резиновый текстовый блок, который имеет opacity прозрачный 0.1,...

не правельно работает opacity
Есть див ктоторый дожен быть полупрозрачным, задаю ему opacity:0.75; filter: alpha(Opacity=75);...

Opacity перекрывает текст
Добрый день, не могу понять как исправить. При наведении на текст opacity перекрывает текст....

opacity наследуется предками?
чет я не пойму, в спецификации написано, что opacity не наследуется дочерними элементами, однако на...

Не могу разобраться с opacity
Добрый день. У меня следующая проблема. Решил сделать сайт с полупрозрачным фоном, использовал для...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru