Проблема положения плагина цикла jQuery в IE

Эта проблема возникает в разделе "Служба поддержки учетных записей" на этой странице.

С Internet Explorer 9 все в порядке, но если вы включите Compatibility View, вы заметите, что изображения, исчезающие и исчезающие через Cycle Plugin, теперь находятся в середине содержащего div, а не на своем месте слева.

Я попытался позиционировать содержащий div как плавающий элемент, элемент inline-block, а теперь как абсолютно позиционированный, но одна и та же проблема продолжает происходить независимо.

Вот рассматриваемый блок кода (обратите внимание, что я удалю неприглядный встроенный стиль, как только найду подходящее исправление):

    <div id="accountservicereps_sth">
        <div style="position: absolute; left: 10px; top: 14px; width: 150px; height: 150px;">
            <div class="slideshow_accountservicesteam">
                <a href="http://www.nba.com/warriors/seasonticketholders/accountservicesteam"><img src="http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/warriors/images/sth_accountservices_brandonschneider_150.jpg" width="150" height="150" alt="" border="0" /></a>
                <a href="http://www.nba.com/warriors/seasonticketholders/accountservicesteam"><img src="http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/warriors/images/sth_accountservices_jeffbarnet_150.jpg" width="150" height="150" alt="" border="0" /></a>
                <a href="http://www.nba.com/warriors/seasonticketholders/accountservicesteam"><img src="http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/warriors/images/sth_accountservices_donmoffett_150.jpg" width="150" height="150" alt="" border="0" /></a>
                <a href="http://www.nba.com/warriors/seasonticketholders/accountservicesteam"><img src="http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/warriors/images/sth_accountservices_joelkretzinger_150.jpg" width="150" height="150" alt="" border="0" /></a>
                <a href="http://www.nba.com/warriors/seasonticketholders/accountservicesteam"><img src="http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/warriors/images/sth_accountservices_melissaviceral_150.jpg" width="150" height="150" alt="" border="0" /></a>
                <a href="http://www.nba.com/warriors/seasonticketholders/accountservicesteam"><img src="http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/warriors/images/sth_accountservices_daniellehallam_150.jpg" width="150" height="150" alt="" border="0" /></a>
                <a href="http://www.nba.com/warriors/seasonticketholders/accountservicesteam"><img src="http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/warriors/images/sth_accountservices_staceybaca_150.jpg" width="150" height="150" alt="" border="0" /></a>
                <a href="http://www.nba.com/warriors/seasonticketholders/accountservicesteam"><img src="http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/warriors/images/sth_accountservices_tenleyblock_150.jpg" width="150" height="150" alt="" border="0" /></a>
                <a href="http://www.nba.com/warriors/seasonticketholders/accountservicesteam"><img src="http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/warriors/images/sth_accountservices_tamarastanten_150.jpg" width="150" height="150" alt="" border="0" /></a>
            </div>
        </div>

        <div style="position: absolute; left: 175px; top: 60px; width: 120px; height: 150px; vertical-align: middle;">
            <a href="http://www.nba.com/warriors/seasonticketholders/accountservicesteam">Meet Your<br />Account Service<br />Representatives!</a>
        </div>
    </div>
Источник

1 ответ

Решение

Похоже, что теги привязки внутри slideshow_accountservicesteam также расположены абсолютно точно. Попробуйте добавить к ним left:0 в CSS.

Источник
Другие вопросы по тегам