背景圖片：網址無法正常工作

Question

我遇到的問題是，當我使用javascript獲取另一個HTML文件中的HTML文件時，背景圖像變為不可見。 但是，當我使用背景圖像打開文件時，該圖像可見。

為了使這一點易於理解，我想使用javascript在first.html中包含second.html （帶有背景圖像），而圖像不可見。

First.html（主要）

<html>
    <head>
        <script> 
            $(function(){
                $("#second").load("second.html");
            });
        </script> 
    </head>
    <body>
        <div id="second"></div>
    </body>
</html>

Second.html（帶圖片）

<body style="background-image: url('img/dashboard-layout.png'); background-repeat: no-repeat; background-color: #303032;">
    <!--Code goes here-->
</body>

Answer 1

這是我的工作示例first.html

<html>
  <head>

    <script> 
       $(function(){
            $("#second").load("second.html");
        });
    </script> 
   </head>
   <body>
      <div id="second" style="height:100px;width:100%;"></div>
   </body>

second.html

<div style="height:100px;width:100%;background-image: url('http://blogs.atlassian.com/wp-content/uploads/01-new-icons.png'); background-color: #303032;">

請注意，div的默認高度為0px，您需要設置div的高度才能使用此功能。

背景圖片：網址無法正常工作

問題描述

1 個解決方案

解決方案1
0 已采納 2015-04-29 06:22:01

背景圖片：網址無法正常工作

問題描述

1 個解決方案

解決方案1 0 已采納 2015-04-29 06:22:01

解決方案1
0 已采納 2015-04-29 06:22:01