前端开发新手。我一直试图通过反复试验来修复这个错误,但无济于事。当我检查我的页面时,一切看起来都很好。当我在我的移动电话上测试我的页面时,我在我的背景图像右侧看到这个黑条,我的个人资料图片变得偏离中心。 “封面图片;”对于“背景大小”是灰色的 -
这是我的 html 代码:
<div class="container-fluid">
<div class="cover-image">
<div class="quote">
"Prepare Today For The Wants of Tomorow." <br>- <span style="font-size: .65em;">Aesop</span>
</div>
</div>
<div class="container-fluid">
<div id="about" class="row">
<div id="profile-pic" class="col-md-5 col-md-push-1 col-xs-8 rounded-img text-center">
<div id="text-content">Circuit de Catalunya Montmelo<br>Barcelona, Spain</div>
</div>
<div id="about-content" class="col-md-7 col-md-push-2 col-xs-12">
我的 CSS 代码:
.cover-image {
position: relative;
z-index: 1;
background: #D3D3D3 url("../images/surfers.jpeg");
background-position:center;;
background-size: cover-image;
background-repeat: no-repeat;
width: 105%;
height: 500px;
overflow: hidden;
padding: 0;
opacity: 0.9;
}
最佳答案
这里可能有误,但我认为您要查找的属性是“cover”,而不是“cover-image”。
关于html - 背景图像右侧的黑色边框和偏离中心的个人资料图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39261944/