Html 背景图像不显示_Html_Css

Html 背景图像不显示

html css

Html 背景图像不显示,html,css,Html,Css,出于某种原因，当我试图显示一个云图像（我制作的方式与山图像完全相同）时，它不会显示！怎么会？两个图像都是.png文件。但是，树图像有一个坚实的背景（不透明），云有一个透明的背景。这就是问题的根源吗？如果是，我如何修复它 html { /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), c

出于某种原因，当我试图显示一个云图像（我制作的方式与山图像完全相同）时，它不会显示！怎么会？两个图像都是.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>

html
{
/*网络工具包（Safari/Chrome 10）*/
背景图像：-webkit渐变（线性、左下、左上、颜色停止（0，#FFFFFF）、颜色停止（1，#00A3EF））；
/*Webkit（Chrome 11+）*/
背景图像：-webkit线性渐变（底部，#FFFFFF 0%，#00A3EF 100%）；
}
.天空{
背景：url（clouds2.png）repeat-x；
显示：块；
宽度：500px；
高度：500px；
边框：1px纯红；
}
27天

据我所知，您必须指定颜色作为

背景的第一个参数，并将图像置于单引号中：
background: transparent url('clouds2.png') repeat-x;

据我所知，您必须将颜色指定为background
的第一个参数，并将图像置于单引号中：
background: transparent url('clouds2.png') repeat-x;

（a） 你在测试什么浏览器？（b） 是否已验证clouds2.png
与HTML文件（以及正在工作的背景图像）位于同一目录中？如果此代码位于css样式表文件中，则图像clouds2.png必须位于此文件的同一目录中。@EmeraldCoder是的。正如我所说，我有另一个图像，没有透明的背景（山丘图像），它会显示出来。但是云一号——它有一个透明的背景——不。。。有什么想法吗？感谢您的回复btwSo如果您将所有其他内容保持不变，并用不同的图像（没有透明背景）代替clouds2.png
，它会正确显示？@correct。我希望我能贴张照片给你们看。虽然分数不够…（a）您在哪个浏览器中测试？（b） 是否已验证clouds2.png
与HTML文件（以及正在工作的背景图像）位于同一目录中？如果此代码位于css样式表文件中，则图像clouds2.png必须位于此文件的同一目录中。@EmeraldCoder是的。正如我所说，我有另一个图像，没有透明的背景（山丘图像），它会显示出来。但是云一号——它有一个透明的背景——不。。。有什么想法吗？感谢您的回复btwSo如果您将所有其他内容保持不变，并用不同的图像（没有透明背景）代替clouds2.png
，它会正确显示？@correct。我希望我能贴张照片给你们看。虽然没有足够的分数…嗯，它仍然没有显示这些变化。还有其他想法吗？嗯，这些变化还没有显现出来。还有其他想法吗？