保持背景图像在整个网站HTML/CSS一致

我有一个主页，然后4切换到不同的HTML文件的标签。您点击“关于”标签，并切换到about.html文件。所有4个选项卡/文件使用相同的CSS文件（main.css）。这就是说，他们都使用相同的背景图像。我遇到的问题是，当我点击其中一个选项卡时，背景图像会在瞬间消失，然后再次出现，就好像它必须为每个选项卡重新加载一样。我该如何解决这个问题，以便每次点击一个标签时图像不会消失，因此它在整个网站中保持一致？保持背景图像在整个网站HTML/CSS一致

这里是添加背景图片

body { background: url("IMG_0462.jpg") no-repeat; background-size: cover; }

这里的CSS代码是我使用的标签

<body> 
    <header> 
     <a href="index.html" id="logo"> 
      <h1>Adam Birdsall</h1> 
      <h2>Software Engineer</h2> 
     </a> 
     <nav> 
      <ul> 
       <li><a href="index.html" class="selected">Overview</a></li> 
       <li><a href="resume.html">Resume</a></li> 
       <li><a href="portfolio.html">Portfolio</a></li> 
       <li><a href="contact.html">Contact</a></li> 
      </ul> 
     </nav> 
    </header> 
      <div id="wrapper"> 
       <section> 


       </section> 

      </div> 
</body>

来源

2014-12-08 Adam

你可以添加一些代码或一个活的URL – skv 2014-12-08 02:19:58

对不起。我添加了使用的代码。所有.html文件的HTML代码都是一样的。（index.html，contact.html等） – Adam 2014-12-08 06:36:34

我会发送一个URL，但它还没有生效。现在只能在本地运行。 – Adam 2014-12-08 06:44:13

您所添加的各个环节作为一个独立的HTML代码页面，这些页面需要加载才能看到它们，即使浏览器很可能会缓存图像，也会发生“重新加载”。

如果您的目标是在没有页面加载的情况下平稳过渡，您必须使用Ajax调用（或其他JavaScript/CSS，即基于客户端的技术）。

你可以看看这些网站的例子都在网上，我发现这可能是对你有用这样的一个例子是here

不幸的是它不是一个简单的黑客或修复，但你一定会喜欢的事这和那里肯定没有图像消失。

来源

2014-12-08 07:03:32 skv

保持背景图像在整个网站HTML/CSS一致

回答

相关问题