0

该网站是：www.prodevcoind.com/pcr42/

当您单击图像时，Fancybox 显示非常糟糕。

花式盒子在左上角很小。

任何人都可以给我一个线索？

4

4 回答 4

1

您正在使用 fancybox js文件v2.1.5但与 fancybox css文件v1.3.4

由于 fancybox (v2.1.5) 没有找到合适的 css 选择器，它使用默认的最小尺寸 100px 并且完全“无样式”

编辑（2013 年 11 月 1 日）：OP 评论：

Now, with the correct css file, it<s better 
but still at the top left of the page

说明：

你的全局css 文件中有这个 css 规则：

html * {
  border: 0 none;
  font-family: 'Roboto Condensed','RobotoRegular';
  font-weight: normal !important;
  margin: 0;
  outline: 0 none;
  padding: 0;
}

这将 a 设置为margin: 0;所有html后代（包括 fancybox），这就是为什么 fancybox 位于屏幕的左上角（所有边距都设置为0）

通常，从插件编辑原始文件不是一个好主意（如果您升级，它们会丢失这些更改，很可能会丢失）但是通过您的自定义 css 或 js 文件更改它们的行为

于 2013-10-31T23:05:11.857 回答
0

看起来fancybox div的高度是100px。尝试通过 Google Chrome 中的“Inspect Element”或 Firefox 中的“Firebug”编辑高度，看看它如何解决您的问题。完成后，尝试在代码中对其进行编辑。

于 2013-10-31T20:46:58.777 回答
0

寻找

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

并将其替换为

.fancybox-wrap { position: absolute; z-index: 8020; left: 25% !important; top: 10% !important; }

于 2013-11-01T15:02:50.283 回答
0

在你的css文件http://www.prodevcoind.com/wp-content/themes/nemo/fancybox/jquery.fancybox-2.1.5.css?ver=1.0

寻找

.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}

并将其替换为

.fancybox-lock .fancybox-overlay {
left: 25%;
top: 10%;
}
于 2013-11-01T14:13:55.887 回答