保持背景圖像在整個網站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一致

回答

相關問題