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显然应该只对有问题的浏览器执行此操作，但我认为它们正在采用一种更通用的方法来始终隐藏它们。