Отключить div с прозрачным div

Question

Я пытаюсь отключить некоторые части моих html-страниц. Я читал, что вы можете использовать прозрачный div с абсолютным положением поверх страницы, чтобы не нажимать на элементы за его пределами, но есть ли способ сделать это только на части страницы (предположим, что эта часть содержится в a div) без использования абсолютного положения?

Answer 1

Положите position: relative на DIV вы хотите отключить, а затем добавить прозрачный блокирующую DIV как ребенок этого Div с position: absolute и top, bottom, left, right равным 0.

Если вы не в состоянии поставить position: relative на div, который вы хотите отключить, тогда это будет немного сложнее, поскольку вам нужно вычислить его размеры и смещение, а затем поместите прозрачную маску в качестве дочернего элемента тела и в том же положении, что и элемент, который необходимо отключить , Структуры JS (как jQuery) обычно предоставляют вам способы определить поле offset relative to the document.

Answer 2

Сделайте небольшое прозрачное изображение размером 1px x 1px и сохраните его как .png-файл. В CSS для вашего DIV, используйте этот код

background:transparent url('/images/transparent-bg.png') repeat center top; 

Не забудьте изменить путь к файлу вашего transperant изображения.

Я думаю, что это решение работает во всех браузерах, возможно, за исключением IE 6, но я его не тестировал.