自舉popover z-index的問題

我似乎無法得到z-index在bootstrap popover上的工作，如果它在div上有smooth div scroll就可以了。我試着把極高的價值觀，在所有的CSS查看，看看是否有任何Z - 索引高於popover的，但沒有取得成功。自舉popover z-index的問題

的Javascript：

$(".project").smoothDivScroll({ 
    mousewheelScrolling: "allDirections", 
    hotSpotScrolling: false, 
    touchScrolling: true 
}); 
$(".block").popover({ 
    html: true, 
    animation: true, 
    placement: 'right' 
});

這裏是它的外觀的時刻：1，2。

活生生的例子：here

來源

2013-02-25 Tom

您看到的剪輯可能與z-index聲明無關，而是與.project div的大小以及嵌套div的溢出聲明有關。

div.scrollWrapper { 
position: relative; 
overflow: hidden; 
width: 100%; 
height: 100%; 
}

overflow:hidden;是什麼創建你看到的剪輯。

來源

2013-02-25 19:22:08 dusthaines

是的，但以任何方式改變它否定整個滾動腳本，仍然不顯示整個popover。 – Tom 2013-02-27 20:12:59

你是對的，我們（我和jas7457）只是指出這不是一個可以通過z-index解決的問題。嘗試添加：「padding-top：20px;」到你的「div.scrollWrapper」CSS聲明。這似乎是個訣竅，當我在檢查員身邊玩時，讓我看到彈出窗口。最終，你將不得不爲這個元素添加一些高度，以使這些彈出窗口可見。 – dusthaines 2013-02-27 22:29:55

我相信這是與你的溢出。它似乎在剪裁你的盒子。如果您在smoothDivScroll.css中查看.scrollWrapper並將溢出更改爲可見，則會看到更多的框。我知道這不是你想要的效果，但我認爲這是一個開始。必須是你的溢出的東西。

來源

2013-02-25 19:19:01 jas7457

這是舊的，但對於其他人，嘗試添加以下屬性：

data-container="body"

來源

2013-06-11 19:51:40

@瘋狂的小狗

我an popover是在頁面加載時會自動彈出，並得到一些超時後自動隱藏（在現實中它被破壞），它指示了關於/關於導航欄本身的簡要說明。我也使用scrollto。

我已經嘗試添加

data-container="body"

沒辦法，行爲是手機和依賴移動設備和瀏覽器上。

在BlackBerry OS 10它的行爲預期，酥料餅是一切的頂部，這是沒有必要的數據容器（雖然它可能是其他設備有用）

三星/ Android的默認的瀏覽器沒有按不顯示彈出窗口，雖然也有一些html5圓圈顯示爲正方形，所以看起來它既不支持html5，也沒有完全顯示下拉項目，總的報廢。在同一個samsung/android上，firefox更好，但是在那裏，popbar被navbar標誌隱藏。未嘗試Android的Chrome。

我預計它將成爲每個特定設備上每個移動瀏覽器自己的故事。

來源

2014-03-24 14:47:34 Robert

如果你仍然有這個問題，也許提出一個新的問題？我最終沒有成爲bootstrap 2的狂熱粉絲，因爲我一直遇到奇怪而令人驚訝的行爲。通常使用絕對定位的div和一個小小的javascript來顯示和隱藏它更容易。 – 2014-04-02 23:41:44

自舉popover z-index的問題

回答

相關問題