Затемнение средствами CSS без потери кликабельности

[luethus]

Здравствуйте. У меня такая задача.

Нужно затемнить страницу. Решил просто:

position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 10000;
opacity: 0.35;
background: #000;

Но в этом случае если под этим fixed-элементом есть ссылки, кнопки, etc (т.е. на странице, которую мы затемнили), кликнуть по ним уже нельзя. Нужно, чтобы можно было. Как?

[Agahnim]

BODY {
background: #000;
opacity: 0.35;
}

Может так?

Edited September 10, 2011 by Agahnim

[luethus]

Да, подходит, спасибо

[Andyk]

А как затемнить страницу при наведении на какой-нибудь элемент?

Пример: кликаем по выпадающему списку в профиле (как на этом форуме), а к страничке добавился черный фон с прозрачностью. Такое без js сделать можно?

[psywalker]

А как затемнить страницу при наведении на какой-нибудь элемент?

Пример: кликаем по выпадающему списку в профиле (как на этом форуме), а к страничке добавился черный фон с прозрачностью. Такое без js сделать можно?

Можно, но далеко не все поймут. Делай на ЖС.

[Andyk]

А есть пример посмотреть? Сам принцип хоть. Без жс.

Можно проще, при наведении на что-нибудь. Див, ссылка неважно.

[psywalker]

А есть пример посмотреть? Сам принцип хоть. Без жс.

Можно проще, при наведении на что-нибудь. Див, ссылка неважно.

Ищи про анимацию на CSS

[Softlink]

Можно, но далеко не все поймут. Делай на ЖС.

Когда делал, давеча выложенный альбомчик, тоже была такая мысль, но тяжко это все. Можно поизвращаться и попробовать добиться чего-нибудь такого.

Но это сработает относительно боди. Со вложенными элементами можно через ПЭ попробовать реализовать. Если их будут единицы, то можно даже чего-нибудь соорудить, но это гемор чистой воды. Лучше через js, имхо. Считай, надо в момент ховера, чтобы у фона был z-index больше чем у всех элементов на странице, но меньше чем у родителя, от которого он "растет".

Т.е. надо делать какую-то зависимость друг от друга абсолютно независимых элементов.

[psywalker]

Да, ЖС тут явный лидер.