Question

我正在开发一个新网站http://ww2.hawaiidiscount.com/，除了一项功能外，一切运作良好。点击其中一个按钮＆＃34; Book with Confidence＆＃34;。一个灯箱出现，但有一个滚动功能，我无法弄清楚如何修复。

我的灯箱css脚本是：

#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px;height:21px;background:url(images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px;height:21px;background:url(images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px;height:21px;background:url(images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px;height:21px;background:url(images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px;background:url(images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px;background:url(images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px;background:url(images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px;background:url(images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px;border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494;}
#cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494;}
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active{outline:0;}
#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef;}
#cboxPrevious{position:absolute;bottom:0;left:0;background:url(images/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute;bottom:0;left:27px;background:url(images/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute;bottom:0;right:0;background:url(images/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}

Answer 1

您的CSS文件（Mstyles.css）具有此功能，可防止线条正常包装：

body {
    white-space: nowrap;
}

如果因某些原因无法删除，请在样式表中执行以下操作：

div, p {
    white-space: normal;
}

更新：您的.page-container类正好具有该类，但您的模态标记必须在该元素之外。您只需在.page-container内移动模态标记即可。

灯箱显示错误

1 个答案: