【问题标题】:Arrows not displaying in Magnific Popup galleryMagnific Popup 库中未显示箭头
【发布时间】:2013-08-06 17:14:29
【问题描述】:

我的 Magnific Popup 几乎完全按照我的意愿工作,但由于某种原因,箭头未在画廊模式下显示。

取而代之的是两个空盒子,顶部边框看起来很薄。

查看 CSS,我找不到任何对图像的引用或插入字符

即在 webkit 开发工具中检查 HTML 会显示默认的 <button> 标记,但标签是空的。 .mfp-* 类存在于 CSS 中,但它们不引用任何图像,:before:after 伪选择器也不将任何字符插入为 content

我应该在项目中包含一些图像吗?如果是这样,我该如何命名它们?我在文档中找不到对任何图像的引用...

【问题讨论】:

  • 请链接到有问题的页面。没有任何图像,所有控件都是基于 CSS 的。
  • 我会看看我是否可以将它上传到某个地方 - 我确实发现使用 MP 站点中的 .css 文件并放入单独的包含作品而不是编译 Sass 文件......我怀疑我的构建过程有问题...
  • 嗯,我已经从 MF 网站重新复制了 Sass 文件,现在它可以正常工作了 - 我一定是在结尾处遗漏了几个字符之类的。感谢您的帮助!

标签: javascript jquery css magnific-popup


【解决方案1】:

检查网络标签,看看图片是否加载失败。如果是这样,则可能是 css 中的路径问题或图像未添加到项目中。

【讨论】:

  • 啊是的,这是一个很好的观点 - 没有遗漏的请求让我认为它可能是一个字符而不是图像,CSS 中似乎没有任何内容,所以它必须在 javascript 中 -该字体是 MP 设置的字体(Helvetica Neue 等),可在其他网站上使用...
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多