我的Div的背景图像不会显示
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了我的Div的背景图像不会显示相关的知识，希望对你有一定的参考价值。
我无法显示我的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;
}
/**
这是我目前的输出：
答案
改变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>另一答案
background-image：url（“img_tree.png”）;从网址“../”开始删除。 https://s25.postimg.org/exhm9rejz/galaxy-s8_overview_kv_type1.jpg
以上是关于我的Div的背景图像不会显示的主要内容，如果未能解决你的问题，请参考以下文章