Question

我对HTML和CSS工作相当陌生，但对于我在这样的论坛的帮助下走了多远感到非常自豪。首先，谢谢你！

我的问题：我在我的网站上使用Colorbox，在当前页面的顶部显示一个弹出窗口。问题是，如果我用鼠标滚轮滚动并且指针停留在灰色区域（原始页面我打开了颜色框），则原始页面向下滚动...因此最终将颜色框移出屏幕。 / p>

我想要的是，无论用户如何滚动，彩色框始终在屏幕中间都可见。摆脱它的唯一方法是关闭它。

我已经阅读了很多关于使用position：fixed属性的内容，并试图这样做但没有成功（尝试使用带有＆＃34的简单div来围绕着色盒;位置：固定＆＃34;设置）。另外，通过查看各种评论，似乎固定位置应该谨慎使用，如果有的话。

有没有人对我可以创建的div有任何建议，以便始终将彩色框放在屏幕上？或者也许是另一种想法，比如阻止用户向下滚动原始页面的灰色区域的能力？

此处显示问题的页面为link。如果您点击几十个示例故事链接中的一个，您将看到彩色框出现。如果是这样，请开始向下滚动原始页面，您将看到该框最终离开屏幕。

任何建议都会非常感谢大家。谢谢！

Answer 1

问题是Colorbox Javascript将内联样式添加到将覆盖外部或内部CSS的框中。提供属性值!important以确定优先级。

#colorbox {
    outline: 0 none;
    position: fixed !important;
    top: 10% !important;
}