2012-07-06 37 views
0

此問題發生在this page的「帳戶服務團隊」部分下。IE中的jQuery Cycle插件位置問題

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> 

回答

2

貌似slideshow_accountservicesteam內的錨標記被絕對定位以及。嘗試在CSS中添加left:0。

+0

謝謝你做到了!爲了將來的參考,這些錨定標記的CSS實際上是由插件控制的,所以我在該js文件中的'left:0'中添加了。 – dougmacklin 2012-07-09 16:12:53