我真的很困惑,我正在尝试创建一个带有图标和一些按钮的登陆页面,但我无法设法使我正在使用的背景图像显示出来,即使它是根据 Chrome 的开发工具包加载的
我只有这些行:
索引.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="row">
<div class="tryhard">
</div>
</div>
<!-- Chargement des scripts -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>
样式.css
.tryhard{
background: url(../img/guitare.jpg) no-repeat center center;
margin:0;
padding:0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
这应该足以让我的图像出现,但它不会显示在我的任何浏览器上,而我可以看到它在其他网站上运行......
我的图像重量为 924 ko,尺寸为 2304x1536 像素...
有人有想法吗?
谢谢
由于我没有足够的声誉来发表评论,所以我将其发布在这里。
Jsfiddle https://jsfiddle.net/2wdcur80/2/
.row {
height: <define height here>;
}
height: 100%;
height: 100% 将使其与其父元素“row”的高度相同。
Cheers
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)