HTML鏈接在Firefox中不起作用，但在Chrome和Safari中正常工作

啓用鏈接的DIV的一些子項在Firefox中無法使用，但它們在Chrome中運行良好。HTML鏈接在Firefox中不起作用，但在Chrome和Safari中正常工作

查看www.tekiki.com上的實例。嘗試點擊列出的第一個應用程序的文本區域。它不會工作。但是，即使文本和圖標屬於同一父鏈接，也可以單擊該圖標。

我們嘗試了StackOverflow的其他建議，包括設置overflow:hidden和清除浮動，但似乎沒有任何工作。

我們正在Firefox 24上測試。

幫助？

HTML：

<a class="app_box click_drop" href="/itunes-store/apps/free-apps/app/runtastic-road-bike-pro-gps-cycling-computer-tracker?itunes-store-id=468429333" itunes_id="468429333" path="/36/6013/468429333"> 
      <div class="icon_box"> 
       <div class="icon" style="background-image: url(&quot;http://a3.mzstatic.com/us/r30/Purple/v4/4b/91/03/4b910379-2983-22be-358c-0c894ca82216/mzl.izwihsdx.256x256-75.jpg&quot;);"></div> 
      </div>  
      <div class="caption_box"> 
       <div class="details_box"> 
        <div class="name">Runtastic Road Bike PRO GPS Cycling Computer &amp; Tracker</div>     
        <div class="desc_box"> 
         <div class="desc text">「Free today with ‘App of the Day’. 

Download ‘App of the Day’, and every day discover one paid app absolutely free!」 

4.5+ Rating, TechCrunch, Mashable, NYTimes and others are raving about Runtastic... Find out why &amp; download...</div> 
        </div>     
        <div class="ratings_box"> 
         <div class="avg_rating" style="background-position: 0px -91px;"></div> <span class="num_ratings">2040</span>        
        </div>     
        <div class="price_box" style="display: block;">      
         <span class="cur_price">Free</span> <span class="old_price">$4.99</span> <span style="display:none" class="sponsored">Sponsored</span> 
        </div>     
       </div> 
      </div> 
     </a>

CSS：

.page_list .app_box:first-child { 
    margin-top: 0; 
} 
.page_list .list a { 
    color: #5C5C5C; 
} 
.page_list .app_box { 
    -moz-box-sizing: border-box; 
    background: url("/images/dandy/caption_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0); 
    border-radius: 5px 5px 5px 5px; 
    box-shadow: 0 0 5px #CCCCCC; 
    display: block; 
    margin: 25px 0 0; 
    overflow: hidden; 
} 
a { 
    color: #5E87B0; 
    text-decoration: none; 
}

來源

2013-12-10 Crashalot

有一個z-index問題，阻止它被鏈接。

在#bg_graphics上使用z-index: -1可以正常工作。

例如，

#bg_graphics { 
    background: url("/images/web/bg_graphics.png") repeat scroll 0 0 rgba(0, 0, 0, 0); 
    height: 465px; 
    left: 50%; 
    margin-left: -900px; 
    position: fixed; 
    width: 1800px; 
    z-index: -1; 
}

來源

2013-12-10 09:42:39 Nitesh

哇，你真了不起！ – Crashalot

謝謝:) - @Crashalot – Nitesh

你不會碰巧知道爲什麼「moz-box-pack：justify」不能在這個頁面上工作（http://www.tekiki.com/itunes-store/apps/免費應用程序/所有）你呢？（這些數字應該是右對齊的。） – Crashalot

嘗試通過應用z-index越高，它的工作原理。

#page_box { 
    -moz-box-sizing: border-box; 
    margin: 50px auto; 
    position: relative; 
    z-index: 9999; 
}

來源

2013-12-10 09:42:21

感謝您的快速響應！我希望我能給你兩個問題，但公平地說，納森李幾乎毆打你的迴應。謝謝，雖然！ – Crashalot

試試這個

添加z-index: -1;到#bg_graphics

或

添加z-index: 9999;到#page_box

來源

2013-12-10 09:44:29

HTML鏈接在Firefox中不起作用，但在Chrome和Safari中正常工作

回答

相關問題