Я ищу решение, но не могу найти нигде. У меня есть блок, и у меня есть другой блок под ним. Первый блок имеет стиль «непрозрачность: 0». Таким образом, он находится наверху другого блока и в этом блоке (у которого непрозрачность 0) есть несколько элементов. Проблема в том, что mozilla opacity: 0 принимается как отображение: none и я не знаю, почему это так.Mozilla opacity: 0 не работает
какие-либо решения?
Если вы установите непрозрачность родителя на 0, то все его элементы будут скрыты. Возможно, расскажите нам, что вы пытаетесь сделать, и мы постараемся найти лучшую идею, которая ответит на условия.
, проблема в том, что я могу нажимать элементы, которые находятся под блоком (с красными границами). что не должно работать – baitas212123
@ baitas212123 Вы имеете в виду, что пропавший div исчез? – Dvir
no, div с красными границами вообще исчезли с помощью mozilla, когда я делаю его непрозрачность 0. Не делает невидимым, но исчезает вообще – baitas212123
Прежде всего, ваш JSFiddle - jsfiddle.net/5zWZe/1/ не использует непрозрачность. Таким образом, этот пример кажется не связанным с вашим вопросом.
Для примера с кнопкой, охватываемой div, см. Это JSFiddle - jsfiddle.net/X7S3w/2/. Как вы можете видеть, кнопка недоступна через div, даже если вы уменьшите непрозрачность до 0. Также обратите внимание, что поведение одинаково в Firefox или Chromium.
Кажется, у вас есть специальный чехол с фреймером iframe и флеш-видео. См. Другой JSFiddle - jsfiddle.net/X7S3w/3/ с идентичным CSS, но кнопка заменена на iframe. Здесь доступно флэш-видео, хотя div находится выше iframe. Но опять же, такое же поведение в Firefox и Chromium.
Покрытие iframe/флэш-видео с DIV, кажется, работает, когда вы изменяете строку запроса в URL YouTube и добавить ?wmode=transparent
<iframe id="without" src="http://www.youtube.com/embed/5f-n3-pV81A?wmode=transparent"></iframe>
<div id="opacity">opacity</div>
Смотрите эту JSFiddle - jsfiddle.net/X7S3w/4/ для рабочего примера. Теперь div успешно блокирует флеш-видео. И снова это работает одинаково в Firefox и Chromium.
Так что, похоже, это более проблематичная проблема, чем некоторое непрозрачное поведение CSS.
см. Комментарии при первом ответе – baitas212123
Что вы ожидаете от этого? Вы не видите ничего прозрачного. – SLaks
да, но я могу нажать на элементы (у блока с черными границами). непрозрачность должна сделать блок с красными границами невидимыми, а не скрывать его вообще – baitas212123