在iframe中不顯示background-image url

Question

我有一個在div中有背景圖像的iframe。圖像可以直接鏈接到iframe頁面，但是當頁面顯示爲iframe（在另一個頁面中）時，圖像不可見？

我檢查了Firebug中的代碼，當我將鼠標懸停在控制檯的網址上時，它只是說「加載給定的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中，但使用絕對url而不是相對值。我會絕對使用它，但對於我需要做的事情來說這是不切實際的。

希望這是有道理的。

在 css

Answer 1

，點url鏈接，如果你是其中的.css文件位於

---

iframe的SRC將指向一個頁面的文件夾中。 src可以設置與JavaScript或不管你喜歡，基於事件等<iframe></iframe>本身不能有一個背景圖像。你可以給它尺寸，即。寬度，高度，滾動等，但內容來自源頁面。

Answer 2

不知道爲什麼，但看起來AMPPS是問題所在。我把完全相同的文件移動到服務器，一切正常。我正在使用AMPPS在本地驅動器上工作。沒有什麼改變服務器端，我仍然使用Firefox和相同的代碼，所以也許AMPPS不喜歡iframe？希望這可以幫助有相同問題的其他人。