[英]Website links not working on google chrome but work fine for firefox
[英]HTML links not working in Firefox but work fine in Chrome and Safari
啟用了鏈接的DIV的某些子級在Firefox中無法正常運行,盡管它們在Chrome中可以正常運行。
在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("http://a3.mzstatic.com/us/r30/Purple/v4/4b/91/03/4b910379-2983-22be-358c-0c894ca82216/mzl.izwihsdx.256x256-75.jpg");"></div>
</div>
<div class="caption_box">
<div class="details_box">
<div class="name">Runtastic Road Bike PRO GPS Cycling Computer & 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 & 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;
}
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;
}
嘗試將z-index
更高的值即可。
#page_box {
-moz-box-sizing: border-box;
margin: 50px auto;
position: relative;
z-index: 9999;
}
嘗試這個
添加z-index: -1;
到#bg_graphics
要么
添加z-index: 9999;
到#page_box
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.