Shadowbox.js隱藏了我的選擇輸入

Question

我敢肯定我不是第一個遇到這個問題的人，但是我沒有運氣找到解決方案。

我以最簡單的形式使用Shadowbox ； 只是做一個帶有類似鏈接的圖像彈出

Click <a href="myimage.png" rel="shadowbox">here</a> to view the image.

這很好用，但有一個非常奇怪的副作用：當我單擊鏈接時，頁面上表單的所有選擇輸入（即下拉框）都消失了。 通過對Firebug的一番窺探，我們發現CSS已被修改以使<select>標簽具有visibility: hidden 。 取消圖像后，將重新顯示輸入。

毫不奇怪，這在所有瀏覽器中都會一致發生。

由於所有輸入都重新出現，我可能可以將它們保持原樣。 但是，例如，如果無法加載圖像且腳本無法顯示圖像，則輸入保持不可見。 另外，它看起來很奇怪，並且讓我發瘋。 ：d

其他可能或可能不相關的因素：

• 過去，我對Shadowbox所做的工作很少，很可能會丟失一些令人尷尬的顯而易見的內容。
• 我的頁面及其表單是由CakePHP生成的。
• 該頁面使用jQuery，而Shadowbox使用jQuery適配器。
• 消失的輸入沒有 class屬性。 它們確實具有由CakePHP生成的id屬性，但是這些名稱非常特定於我的應用程序，因此不太可能導致任何CSS沖突。
• 據我所知， 所有選擇輸入都消失了，並且頁面上的其他任何元素（輸入或其他）都沒有受到影響。 （即使與輸入關聯的標簽不受影響。）
• 版本：Shadowbox 3.0.3，jQuery 1.4.2，CakePHP 1.3

Answer 1

這很可能是shadowbox中的一個半bug。 選擇標記被隱藏，因為在某些版本的IE中，它們是使用Windows本機控件呈現的，因此始終顯示在具有z-index的任何其他元素“上方”。 對於ShadowBox來說，這顯然是一個問題，因此解決方案是在顯示框時將其隱藏。 Shadowbox顯然應該只對有問題的瀏覽器執行此操作，但我認為它們正在采用一種更通用的方法來始終隱藏它們。