jquery - Fancybox 2 + CSS - 类没有通过

Question

虽然熟悉 fancybox 之前成功使用过多次，但我遇到了一个问题 - 它正常触发，大图像按我的预期出现和分组......但根本没有 CSS 样式。

脚本和 css 应有的包含在内(我已经仔细检查过，但你永远不知道......)当你点击缩略图时，大图像显示在中间，然后向右移动。

似乎没有任何 CSS 类应用于 fancybox 元素，可能导致向右移动？以及明显缺乏造型。通过网络工具栏查看 fancybox wrap 内图像的样式信息，仅显示以下内容:

html > div > div > div..etc.. > img 

我不是 javascript 专家，所以如果我太笼统了，我深表歉意——我已经搜索了很多类似的问题，但没有成功。

链接:http://www.tom-mayfield.com/angelcakes/?what-we-do/weddings.html

提前感谢任何可以提供帮助的人。

Answer 1

好吧，fancybox css 文件在那里，但是 fancybox css 设置没有应用到盒子，为什么？

你正在加载你的 fancybox css

<link rel="stylesheet" href="http://www.tom-mayfield.com/angelcakes/public/scripts/fancybox2/jquery.fancybox.css" media="print" type="text/css" />

但是如果你设置这个属性:

media="print"

...这意味着仅当(并且如果)您打印文档时才会应用 fancybox 样式，这实际上没有意义，对吗？

只需将 media="print" 更改为 media="screen"