0

この問題は、このページの「アカウントサービスチーム」セクションで発生しています。

Internet Explorer 9は問題ないようですが、互換表示をオンにすると、 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>
4

1 に答える 1

2

slideshow_accountservicesteam内のアンカー タグも完全に配置されているようです。CSS で left:0 を追加してみてください。

于 2012-07-06T17:05:39.230 に答える