onmouseover изменение непрозрачности не работает

Question

Любая идея, почему это не работает? Стиль по умолчанию в CSS - непрозрачность = 0. Мало того, что непрозрачность не изменяется в div, который я хочу отобразить, но когда мышь переходит по ссылке, она даже не показывает ее как ссылку. (Это хорошо работает, когда я использую «видимость» вместо свойства непрозрачности, но это вызывает мигание под действием запуская «onmouseout» событие)

<a href="#" onMouseOver=" document.getElementById('pop_up1').style.opacity = 1" onMouseOut="document.getElementById('pop_up1').style.opacity = 0"> 

Вот CSS:

#pop_up1 { 
    opacity: 0; 
    position:fixed; 
    width: 100%; 
    height: 100%; 
    z-index: 2; 
    text-align: center; 
} 

О подождите, я думаю, что вижу проблему. Несмотря на то, что # pop_up1 div невидим, он по-прежнему по всем ссылкам, и поэтому ничего не регистрируется мышью. Есть ли способ решить эту проблему?

Answer 1

«Ой, подождите, я думаю, я вижу проблему. Даже несмотря на то, # pop_up1 ДИВ является невидимым он по-прежнему по всем ссылкам и, таким образом, ничего не зарегистрирован мыши на всех. Есть ли способ решите эту проблему?"

- использовать display:none вместо непрозрачностью, чтобы скрыть это, как

#pop_up1 { 
    display:none; 
    position:fixed; 
    width: 100%; 
    height: 100%; 
    z-index: 2; 
    text-align: center; 
}