Стиль Visibility: visible не работает с перебоями в IE11 (отлично работает на chrome и firefox) - PullRequest
Новая
       29

Стиль Visibility: visible не работает с перебоями в IE11 (отлично работает на chrome и firefox)

0 голосов
/ 17 марта 2020

У меня есть всплывающее окно при нажатии кнопки, которое будет отображаться в представлении. Я использую visibility: visible, чтобы показать всплывающее окно, оно отлично работает с chrome и firefox, и класс наследуется от системы проектирования само по себе, где в IE11 прозрачность высокая, а я хочу, чтобы он был непрозрачным. Могу ли я перезаписать родительский класс, который наследуется из системы проектирования? или любое другое решение, которое я пробовал с 

opacity: 1;
z-index: 1;
background-color: rgba(white,100%);
transition: opacity 200ms;
visibility: visible

Ничто не работает, пока пробовал тоже с !important или с перезаписью унаследованного класса

Ответы [ 2 ]

1 голос
/ 17 марта 2020

Не могли бы вы предоставить минимальный воспроизводимый образец ? Я сделал простой пример для изменения стиля, и visibility: visible может хорошо работать в IE 11: 

function changecss() {
  document.getElementById("test").style.visibility = "visible";
}
#test {
  opacity: 1;
  z-index: 1;
  background-color: rgba(white, 100%);
  transition: opacity 200ms;
  visibility: hidden;
}
<input type="button" value="test" onclick="changecss()" />
<div id="test">test pop up!</div>

Если это не решит вашу проблему, предоставьте фрагмент кода, включая связанные html, css и javascript для воспроизведения проблема, чтобы мы могли проверить на нашей стороне и посмотреть, как помочь.

0 голосов
/ 18 марта 2020

Я решил эту проблему путем увеличения перехода: непрозрачность 200 мс до перехода: непрозрачность 500 мс, он работает нормально, теперь всплывающее окно непрозрачно, не прозрачно, как я ожидал 

opacity: 1;
z-index: 1;
background-color: rgba(white,100%);
transition: opacity 500ms;
visibility: visible
...