Here是我的鏈接在筆記本電腦和臺式機的所有瀏覽器中都能正常工作,但是當您在移動設備中打開此特殊移動設備(如I-PAD)時,疊加層會隱藏整個內部html內容。你的答案將非常感激。移動設備中的Fancybox運行不正常,fancybox覆蓋隱藏fancybox包裝。
對於頂部菜單上檢查花式中點擊有登錄和註冊圖標,您可以點擊頁腳電子郵件警報按鈕。
Here是我的鏈接在筆記本電腦和臺式機的所有瀏覽器中都能正常工作,但是當您在移動設備中打開此特殊移動設備(如I-PAD)時,疊加層會隱藏整個內部html內容。你的答案將非常感激。移動設備中的Fancybox運行不正常,fancybox覆蓋隱藏fancybox包裝。
對於頂部菜單上檢查花式中點擊有登錄和註冊圖標,您可以點擊頁腳電子郵件警報按鈕。
從快速查看鏈接它似乎是由該行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;
}
我知道這一點,但事情是因爲這款腕錶的網站有很多其他網頁插件和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
http://stackoverflow.com/help/how-to-ask – JFK