Question

我有一个在div中有背景图片的iframe。图像显示正常，可以直接链接到iframe页面，但当页面显示为iframe（在另一个页面中）时，图像不可见？

我已经检查过Firebug中的代码，当我将鼠标悬停在控制台的url上时，它只是说“无法加载给定的URL”。

.fd-img{background-image:url('images/fd-img.jpg'); width: 342px; height: 228px; margin: 76px 0 0 205px;}

<div class="fd-img"></div>

出于某种原因，图像显示在iframe中使用绝对网址而不是相对网址没有问题。我会使用绝对的，但它根本不适用于我需要做的事情。

希望这是有道理的。

Answer 1

在css中，指向url链接，就好像您位于.css文件所在的文件夹中一样

iframe的src将指向一个页面。 src可以使用javascript设置，也可以根据事件等设置。<iframe></iframe>本身不能有背景图片。你可以给它尺寸，即。宽度，高度，滚动等。但内容来自源页面。

Answer 2

不确定原因，但似乎AMPPS是问题所在。我将完全相同的文件移动到服务器，一切正常。我正在使用AMPPS在我的本地驱动器上工作。没有什么改变服务器端，我仍然使用Firefox和相同的代码，所以AMPPS可能不喜欢iframe？希望这可以帮助其他有同样问题的人。