Javascript 背景图像：url工作不正常_Javascript_Jquery_Html

Javascript 背景图像：url工作不正常

javascript jquery html

Javascript 背景图像：url工作不正常,javascript,jquery,html,Javascript,Jquery,Html,我遇到的问题是，当我使用javascript在另一个html文件中获取html文件时，背景图像变得不可见。但是当我打开带有背景图像的文件时，图像是可见的为了便于理解，我希望使用javascript在first.html中包含second.html（带有背景图像），而不让图像不可见 First.html（main） $（函数（）{ $（“#second”）.load（“second.html”）； }); Second.html（带图像）这是我的工作示例 first.html <ht

我遇到的问题是，当我使用javascript在另一个html文件中获取html文件时，背景图像变得不可见。但是当我打开带有背景图像的文件时，图像是可见的

为了便于理解，我希望使用javascript在first.html中包含second.html（带有背景图像），而不让图像不可见

First.html（main）


$（函数（）{
$（“#second”）.load（“second.html”）；
});

Second.html（带图像）

这是我的工作示例 first.html

<html>
  <head>


$（函数（）{
$（“#second”）.load（“second.html”）；
});

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设置高度才能执行此操作，例如。

这听起来很像同一个问题：一个页面不能有多个正文标记。不确定将

正文

标记加载到另一个文档中是否是一个好主意，因为从第二个文档中删除正文标记并使用div，而不是浏览器可能正在删除的嵌套的内部

标记。

<html>
  <head>

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

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