CSS 强制 Fancybox 打开太小(高度)

Question

希望这会引起某人的注意...

我正在使用 Fancybox 1.3 w/Foundation。我遇到的问题是 Foundation CSS 中的某些东西迫使我的 Fancybox 弹出窗口呈现得太小。当我检查渲染页面上的 HTML 时，我看到一个内联样式将高度设置为 175px...

我被难住了。如果我删除 Foundation CSS 文件，问题就会消失。我猜我需要更改 Height 属性中的某些内容，但没有任何运气。

样本: http://198.cmsintelligence.com/site/about-us (点击“播放此视频”)

Answer 1

如果没有更多代码，就很难在开发工具中进行调试。但我相信你的罪魁祸首在这里:#fancybox-inner object {

在 DEV 工具中，ID 将 100% 高度应用于一个对象，这就是加载视频的对象。对象本身的高度值为 600px，但它被覆盖了，因为上面的 ID 在高度上也有 !important。

还有您提到的 175px 的高度，内联样式是根据嵌套在其中的内容动态生成的。我不认为有错。

---

编辑:知道了!

我在下图中突出显示了罪魁祸首。第一个是 fancybox.css 的第 20 行 - foundation.min.css 的最后两行 1(毫无疑问是一个巨大的重置规则)。以某种方式重写这些，你就会成功。

#fancybox-inner embed, #fancybox-inner object {
height: 100% !important;
}

object, embed {
height: 100%;
}

img, object, embed {
max-width: 100%;
height: auto;
}

http://imageshack.us/photo/my-images/692/fancyboxbug.jpg/