Навигация по меню, прозрачность страницы стала 0,5

Question

Навигация по меню, прозрачность страницы стала 0,5

0

Не имел никакого понятия, как сделать меню навигации, что когда он наводится, прозрачность всей страницы снижается до 50%. Может ли кто-нибудь сообщить мне, что такое css, который я пишу для этого случая?

jsfiddle.net/websensation/uMMPa

WebSensation 05 янв. 2014, в 07:11

Источник

1

Покажите нам свой код? что у тебя до сих пор?
somdow 05 янв. 2014, в 05:13
0

JS скрипка пожалуйста? хотя я думаю, что вы должны использовать свойство непрозрачности CSS
Ajey 05 янв. 2014, в 05:14
0

пытался здесь .. но до сих пор не работает .. jsfiddle.net/websensation/uMMPa
WebSensation 06 янв. 2014, в 01:50

Показать ещё 1 комментарий

Теги:

jquery

html

css

2 ответа

Ещё вопросы

Покажите нам свой код? что у тебя до сих пор?
JS скрипка пожалуйста? хотя я думаю, что вы должны использовать свойство непрозрачности CSS
пытался здесь .. но до сих пор не работает .. jsfiddle.net/websensation/uMMPa

Blundering Philosopher · Answer 1 · 2014-01-05T04-00-00.000Z

Вы отметили jQuery, поэтому я подумал, что это может быть полезно.

Попробуйте что-то вроде этого:

$(document).ready(function() {
    $('#elementId').mouseenter(function() {
        $('body').fadeTo('fast',0.5);
    });
    $('#elementId').mouseout(function() {
        $('body').fadeTo('fast',1);
    });
});

Где elementId - это идентификатор в меню навигации.

Elise Chant · Answer 2 · 2014-01-05T03-17-00.000Z

вам понадобится третий элемент <div class="modal-bg"></div> между навигационным меню и остальной частью документа, чтобы действовать как фильтр, подобный тому, как фон модальной работы, затем добавляете прозрачность к этому слой, например:

.modal-bg {
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

Не имеет смысла просто исчезать все, кроме навигационного меню.

+1 @somdow, @user3161892, что ваш пример кода?

спасибо за идею Я пытался с этим, все еще не работает. возражаете против дополнительной помощи здесь? jsfiddle.net/websensation/uMMPa