Question

我正在使用Foundation 4框架。我想在我的界面中显示一个模态：

 <div id="myModal" class="reveal-modal">
    <h2>Congratulations, you just earnt the</h2>
    <p class="lead">VCA Basic Security Badge</p>
    <img scr="../images/templating.png" />
    <a class="close-reveal-modal">&#215;</a>
  </div>

单击链接时，模式会显示，但问题是模态中的图像未显示。甚至没有断开的链接图标。

在Foundation 4 Reveal组件中有任何熟悉此问题的人吗？

Answer 1

我知道这是一个老帖子，但对于那些仍在寻找的人，你需要在你的div中有“数据显示”。

<div id="myModal" class="reveal-modal" data-reveal> ... </div>

Answer 2

你有一个错字：应该是src而不是scr

Answer 3

除了scr / src错误之外，我无法看到HTML和Foundation 4.3.2本质上存在任何错误。我甚至将您的代码复制到此codepen并制作了一些场景来重新创建您描述的内容。

将<img scr="../images/templating.png" />替换为<img src="http://placehold.it/350x150">模式显示图像。请注意，我将 scr 更改为 src ，并为源提供了工作路径。

将<img scr="../images/templating.png" />替换为<img src="../images/templating.png">已损坏的图片图标。请注意，我将 scr 更改为 src ，但未向源提供工作路径。

将<img scr="../images/templating.png" />替换为<img scr="http://placehold.it/350x150">没有图片或损坏的图片图标显示..请注意我保持 scr 并为其提供了工作路径。

由于您声明图片没有显示而且您没有看到链接/图片图标损坏，我只能猜测您的HTML语法是否有问题，要么靠近您的图片代码或图片代码本身。

图像未显示在Foundation Reveal Modal中

3 个答案: