Question

问题出现在this page的“帐户服务小组”部分。

Internet Explorer 9似乎没问题，但是如果你打开Compatibility View，你会注意到通过Cycle Plugin淡入和淡出的图像现在位于包含div的中间而不是他们在左边的适当位置。

我已经尝试将包含div定位为浮动元素，内联块元素，现在绝对定位，但同样的问题不断发生。

这是有问题的代码块（请注意，一旦找到正确的修复程序，我将删除难看的内联样式）：

    <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>

Answer 1

看起来 slideshow_accountservicesteam 中的锚标记也是绝对定位的。尝试在CSS中添加left：0。

IE中的jQuery循环插件位置问题

1 个答案: