Question

我无法显示要显示的Container Div的背景图片。另一件事是为什么我的摩托车画面边界如此巨大？它应该尽可能接近图片的大小吗？我完全不知所措！在此先感谢您的帮助！

这是我的HTML代码：

<!DOCTYPE html>
<html>
<head>
  <title> 
  </title>
  <link rel="stylesheet" href="Random Quote Machine.css">
</head>

<div class ="container">
    <div class="Motorcycle">
        <h1>Random Quote Machine</h1>
        <img src="https://s25.postimg.org/hxygqincv/Motorcycle_Helmet.jpg"> 
    </div>
</div>

<body>
</html>

这是我的CSS代码：

.container{
    text-align: center;
    background-image: url("../https://s25.postimg.org/exhm9rejz/galaxy-s8_overview_kv_type1.jpg") no-repeat: fixed;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto;
    margin: auto;
    /**border: 3px solid grey;**/
}

/**                     

}
**/

.Motorcycle{
    margin: auto;
    width: auto;
    border: 1px solid grey;*
    text-align: center;
}

/**

这是我目前的输出：

Answer 1

background-image：url（“img_tree.png”）; 从网址“../”开始删除。 https://s25.postimg.org/exhm9rejz/galaxy-s8_overview_kv_type1.jpg

Answer 2

更改Css

background-image: url("../https://s25.postimg.org/exhm9rejz/galaxy-s8_overview_kv_type1.jpg") no-repeat: fixed;

到

background-image: url("https://s25.postimg.org/exhm9rejz/galaxy-s8_overview_kv_type1.jpg");

.container{
    text-align: center;
    background-image: url("https://s25.postimg.org/exhm9rejz/galaxy-s8_overview_kv_type1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: auto;
    margin: auto;
    /**border: 3px solid grey;**/
    back
}

/**                     

}
**/

.Motorcycle{
    margin: auto;
    width: auto;
    border: 1px solid grey;*
    text-align: center;
}

<!DOCTYPE html>
<html>
<head>
  <title> 
  </title>
  <link rel="stylesheet" href="Random Quote Machine.css">
</head>

<div class="container">
    <div class="Motorcycle">
        <h1>Random Quote Machine</h1>
        <img src="https://s25.postimg.org/hxygqincv/Motorcycle_Helmet.jpg"> 
    </div>
</div>

<body>
</html>

我的Div的背景图像不会显示

2 个答案: