移動設備中的Fancybox運行不正常，fancybox覆蓋隱藏fancybox包裝。

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

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

來源

2014-05-15 Vishal Gupta

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

從快速查看鏈接它似乎是由該行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; 
}

來源

2014-05-15 10:16:31 jwestbrook

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

對，但是它出現瀏覽器有限制 - 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

移動設備中的Fancybox運行不正常，fancybox覆蓋隱藏fancybox包裝。

回答

相關問題