2014-05-15 61 views
0

Here是我的鏈接在筆記本電腦和臺式機的所有瀏覽器中都能正常工作,但是當您在移動設備中打開此特殊移動設備(如I-PAD)時,疊加層會隱藏整個內部html內容。你的答案將非常感激。移動設備中的Fancybox運行不正常,fancybox覆蓋隱藏fancybox包裝。

對於頂部菜單上檢查花式中點擊有登錄註冊圖標,您可以點擊頁腳電子郵件警報按鈕。

+0

http://stackoverflow.com/help/how-to-ask – JFK

回答

0

從快速查看鏈接它似乎是由該行CSS的原因造成的:

.fancybox-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    overflow: hidden; 
    display: none; 
    z-index: 999999999999; 
    background: url("http://design.mobulous.com/Watch/css/../images/fancybox_overlay.png"); 
} 

嘗試改變的z-index到較低值,如:

.fancybox-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    overflow: hidden; 
    display: none; 
    z-index: 99999; 
    background: url("http://design.mobulous.com/Watch/css/../images/fancybox_overlay.png"); 
} 

另外,您如果您希望將fancybox重疊在其他內容之上,您需要將您的pollSlider元素的z-index更改爲更低的值,例如999。即

.pollSlider { 
    position: fixed; 
    height: 100%; 
    width: 310px; 
    right: 0px; 
    margin-right: -310px; 
    z-index: 999; 
    background: #e6e6e5; 
} 
+0

我知道這一點,但事情是因爲這款腕錶的網站有很多其他網頁插件和div的,其中一些div有Z-指數較高,但當我把z-index設置得高於z-index infancyboz pagewrap時,疊加層隱藏了移動設備中的pagewrap,你可以通過更高的z-index來做些什麼 –

+0

對,但是它出現瀏覽器有限制 - http://stackoverflow.com/questions/491052/mininum-and-maximum-value-of-z-index 另外,從web inspector的調試中,它似乎在safari上的ipad上,fancybox的內容不在'overlay'div內。因此,現在'html'中的'content'被定義爲'overlay',並且它們都具有相同的z-index值,它將位於頂部。 – jwestbrook