1. 首頁
  2. 問答
  3. iframe Placeholder Image

iframe Placeholder Image

2016-04-02 46 views
-2

我正在嘗試使iframe能夠顯示靜態圖像，然後在用戶單擊佔位符圖像時在iframe中加載網頁。它用於虛擬遊覽，因此圖像將顯示說明，然後在單擊時查看虛擬遊覽（鏈接）。我知道如何使用按鈕更改iframe鏈接，但對於此特定應用程序，可點擊的圖片是首選。我很缺乏經驗，所以任何幫助都非常感謝！iframe Placeholder Image

來源

2016-04-02 R. Dyer

回答

0

只需將iframe放在div中，並將背景放在div上，然後使iframe透明，而不是其內容。

<!doctype html> 
<html> 

    <head> 

    <style type="text/css"> 
     .iframeframe { background-image: url("whatever.lol"); margin: 0; padding: 0; display: inline-block; } 
     iframe  { width: 600px; height: 400px; } 
    </style> 

    </head> 

    <body> 

    <div class="iframeframe"> 
     <iframe src="whatever.lol"></iframe> 
    </div> 

    </body> 

</html>

來源

2016-04-02 00:18:58

相關問題

 相關問題