颜色框的水平滚动问题

horizontal scrolling issue with color box

本文关键字：滚动 问题 水平 颜色      更新时间：2023-09-26

我正在使用颜色框作为模态弹出窗口，现在有一个链接，当用户单击该链接时，将显示模态。 对于模态的内容，我指向一个 URL。 

<div class="content">
<a class="Modal" href="http://yahoo.com" onclick="openModal();">Click Here   </a>
</div>

问题是因为它是一个 url，模态中有水平和垂直滚动条我只想要垂直滚动条我厌倦了类似的东西 

<style type="test/css">#cboxLoadedContent{overflow-x:hidden !important;} </style>

但不起作用。

谢谢

#cboxLoadedContent{overflow-x:hidden !important;}

看起来它应该有效。 您确定滚动条位于 #cboxLoadedContent 而不是某个子元素上吗？

我怀疑 colorbox 从您的一般网站样式表中继承了一些额外的填充。如果没有看到实时链接，我只能建议在 firebug 中从一个元素到另一个元素四处寻找，以查看从您的通用样式表中继承的一些填充、边距、边框或宽度 - 也许在 img 元素上。

如果您使用任何通用的重要声明，它们通常可以覆盖灯箱提供的特定样式。

相关文章：