2015-07-03 121 views
0

我工作的網站有一個背景圖片,用於未在手機和平​​板電腦上顯示的頁腳。它之前工作完美。我查了1000次,並找不到問題。部分背景封面圖片也發生了同樣的情況。 您可以查看這裏的頁面:http://amapolapr.com/Amapola-New/receta-bacalaitos.html HTML:
Paseando POR拉斯木香波多黎各encuentras洛杉磯kioscos o 「的chinchorros」 闕ofrecen deliciosos antojitos tipicos波多黎各人科莫bacalaitos fritos,MARISCOS,tostones德普拉塔諾,alcapurriasÿBEBIDAS de toda clase。 背景圖片和封面圖片在小屏幕上消失

<!-- footer begin --> 
    <footer> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-md-3"> 
        <img src="images/Logo_Molinos.png" alt="Molinos de PR logo"><br/><br/> 
        P&aacute;gina oficial Molinos de Puerto Rico. 
       </div> 

       <div class="col-md-3"> 
        <div class="widget widget_recent_post"> 

        </div> 
       </div> 

       <div class="col-md-3"> 
        <div class="social"> 
         <h3>S&iacute;guenos</h3> 
         <a href="#"><i class="fa fa-facebook-square" style="color:#363535 !important; font-size:36px;"></i></a> 
         <a href="#"><i class="fa fa-linkedin-square" style="color:#363535 !important; font-size:36px;"></i></a> 
        </div> 
       </div> 

       <div class="col-md-3"> 
        <h3>Contacto</h3> 
        <div class="widget widget-address"> 
         <address> 
          Molinos de Puerto Rico<br> San Juan, Puerto Rico 00921<br> 
          <span><strong>Phone: </strong>(787) 123-4567</span><br> 
          <span><strong>Fax: </strong>(787) 123-4567</span><br> 
          <span><a href="mailto:[email protected]" style="color:#363535">Envíanos un email</a></span> 
         </address> 
        </div> 
       </div> 
      </div> 
     </div> 

     <div class="subfooter"> 
      <div class="container"> 
       <div class="row"> 
        <div class="col-md-6"> 
         &copy; Copyright 2015 - Molinos de Puerto Rico.      
        </div> 
        <div class="col-md-6 hidden-xs"> 
         <nav> 
          <ul> 
           <li><a href="index.html">Home</a></li> 
           <li><a href="aboutus.html">Compa&ntilde;&iacute;a</a></li> 
           <li><a href="#">Productos</a></li> 
           <li><a href="recetas.html">Recetas</a></li> 
           <li><a href="#">Comunidad</a></li> 
           <li><a href="#">Contacto</a></li> 
          </ul> 
         </nav> 
        </div> 
       </div> 
      </div> 
     </div> 

    </footer> 
    <!-- footer close --> 

CSS:

#frase3 { 
     background-image:url('../images/Kioscos-3.jpg'); 
     background-size:cover !important; 
     min-height: 500px; 
     height: auto; 
     margin: 0 auto; 
     width: 100%; 
     position: relative; 
    } 

謝謝!

+0

背景圖像是包裝在@media(最小寬度:1200像素) – aahhaa

+0

所以它只有在你的屏幕比1200像素大展示。 – aahhaa

+0

請原諒我疲憊的眼睛......但我找不到那個...... –

回答

0

只需從@media (min-width: 1200px) #frase3中刪除媒體查詢,使其成爲#frase3,您應該全部排序。

對於將來的幫助,請嘗試調整您認爲功能正常的系統上的瀏覽器窗口大小。它將突出顯示此類問題,並顯示它不是可幫助您調試問題的設備特定問題。

這是在行403的事情看起來: Screenshot of webpage inspecting the relevant image

+0

請原諒我疲憊的眼睛...但我找不到那是... –

+0

非常感謝! –