Почему в ie не работает такая конструкция?

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем rrr, 22 окт 2015.

Метки:
  1. rrr

    rrr Active Member

    Регистрация:
    3 мар 2013
    Сообщения:
    36
    Симпатии:
    0
    Скрипт показывает модальное окно. В остальных браузерах работает, в IE нет. Не подскажет ли кто, почему так?

    <html>
    <head>
    <title>EXAMPLE</title>
    <style>
    .black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    }
    .white_content {
    display: none;
    position: absolute;
    top: 5%;
    left: 25%;
    width: 50%;
    height: 86%;
    padding: 10px;
    border: 10px solid #e0e0e0;
    background-color: white;
    z-index:1002;
    overflow: auto;
    }
    </style>
    </head>

    <body>
    <p>click
    <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
    here
    </a>
    </p>

    <div id="light" class="white_content">
    Text.
    <CENTER>
    <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Cancel</a>
    </CENTER>
    </div>
    <div id="fade" class="black_overlay"></div>
    </body>
     
Загрузка...

Поделиться этой страницей