为什么<p>标签在此处创建黑色背景？我该如何摆脱边界？</p>

Question

我正在尝试创建一些colorbox元素， 我无法弄清楚为什么

标签会在这里创建黑色背景？如何摆脱外部黑色边框？ （试图修改CSS没有成功）

This is the Fiddle with all relevant code

Answer 1

黑色边框来自这个css：

#cboxContent{margin-top:32px; overflow:visible; background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}

试试这个;

#cboxContent{margin-top:32px; overflow:visible; }
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{ padding:1px;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

小提琴：demo