Проблемы IE8 - выпадающий пользовательский стиль

Question

Проблемы IE8 - выпадающий пользовательский стиль

0

У меня есть следующие пользовательские стилизованные выпадающие списки, управляемые с помощью jquery. По какой-то причине падение всегда по умолчанию открывается и не закрывается всякий раз, когда элемент выбран, только в IE8.

удаленный URL

<section class="main">
            <div class="wrapper-demo">
                <div id="dd" class="wrapper-dropdown-1" tabindex="1">
                    <span>Gender</span>
                    <ul class="dropdown" tabindex="1">
                        <li><a href="#">Male</a></li>
                        <li><a href="#">Female</a></li>
                    </ul>
                </div>
            </div>
        </section>

user1110562 26 май 2014, в 03:19

Источник

2

Это может не исправить это, но IE, в частности, недоволен сломанным HTML: удалите блуждающий </header> в строке 18.
Andy G 26 май 2014, в 00:40
0

Спасибо, но это не сработало.
user1110562 26 май 2014, в 01:06

Теги:

jquery

css

internet-explorer-8

1 ответ

Ещё вопросы

Это может не исправить это, но IE, в частности, недоволен сломанным HTML: удалите блуждающий </header> в строке 18.

Vuthy Sok · Accepted Answer · 2014-05-25T22-00-00.000Z

Я думаю, проблема может быть, вы не установите opacity.wrapper-dropdown-1.dropdown для ie. Пожалуйста, попробуйте код ниже myabe help hide выпадающего меню, т.е.

.wrapper-dropdown-1 .dropdown {
    /* Size & position */
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 900;
    /* Styles */
    background: #d3d3d3;
    list-style: none;
    font-weight: normal; /* Cancels previous font-weight: bold; */

    /* Hiding */
    opacity: 0;
     /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

      /* IE 5-7 */
      filter: alpha(opacity=0);
    pointer-events: none;

}

.wrapper-dropdown-1.active .dropdown {
    opacity: 1;

     /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

      /* IE 5-7 */
      filter: alpha(opacity=100);
    pointer-events: auto;
}

Я добавил это в класс .wrapper-dropdown-1, но он просто устанавливает непрозрачность основного элемента. <Li> еще никогда не скрываются.
пожалуйста, установите непрозрачность для .wrapper-dropdown-1. dropdown не .wrapper-dropdown-1
Я добавил полный код для скрытия выпадающего на ie8
Я сделал это, но теперь я вообще не вижу выпадающего списка.
вам нужно установить непрозрачность 100 (.wrapper-dropdown-1.active .dropdown), чтобы показывать выпадающий список при активном состоянии. Пожалуйста, посмотрите на код выше
Это сработало. Спасибо за вашу помощь.