背景圖像沒有顯示出來

出於某種原因，當我試圖顯示一個雲圖像（我的方式與山圖像完全相同）時，它不顯示！怎麼來的？這兩個圖像都是.png文件。然而，樹形圖有一個堅實的背景（不透明），雲有一個透明的背景。這是什麼造成了這個問題？如果是這樣，我該如何解決它？背景圖像沒有顯示出來

html 
{ 

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #00A3EF)); 

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%); 

} 


.sky { 
    background: url(clouds2.png) repeat-x; 
    display:  block; 
    width:  500px; 
    height:  500px; 
    border: 1px solid red; 
} 







<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3c.org/TR/xhtml11/DTD/xhtml11-strict.dtd"> 

<!-- START HTML --> 
<html> 

    <!-- START HEAD --> 
    <head> 

     <!-- Adding title, meta, link to css and scripts to javascript files --> 
     <title>27 Days</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
     <link rel="stylesheet" type="text/css" href="css/27.css" /> 

    <!-- END HEAD --> 
    </head> 

    <!-- START BODY --> 
    <body> 

     <!-- Creating div to encompass our entire piano --> 
     <div class="sky" id="sky"> 
      <div class="clouds1" id="clouds1"></div> 
      <div class="clouds2" id="clouds2"></div> 
     </div> 

    <!-- END BODY --> 
    </body> 

<!-- END HTML --> 
</html>

來源

2012-11-07 BlackSky

（一）你在測試什麼瀏覽器？（b）您是否已驗證'clouds2.png'與HTML文件（以及*正在工作的背景圖像）位於同一目錄中？ –

如果此代碼位於css樣式表文件中，則您的映像clouds2.png必須位於此文件的同一目錄中。 – EmeraldCoder

@EmeraldCoder是的。正如我所說，我有另一個圖像，沒有透明背景（山的圖像），它顯示出來。但云一個 - 有透明背景不......有任何想法？謝謝你的迴應btw – BlackSky

據我所知，你必須指定一種顏色作爲第一個參數background，並且也把圖像中的單引號：

background: transparent url('clouds2.png') repeat-x;

來源

2012-11-07 02:23:12 paddy

顏色參數是可選的 – EmeraldCoder

嗯，它仍然沒有出現這些變化。任何其他想法？ – BlackSky

我希望我可以告訴你一張我看到的圖片，但還沒有足夠的點數。 – BlackSky

背景圖像沒有顯示出來

回答

相關問題