背景图像和个人资料图像右侧的黑色边框偏离中心答案

【问题标题】：black border on right of background image and profile image off center背景图像和个人资料图像右侧的黑色边框偏离中心
【发布时间】：2016-09-01 11:51:29
【问题描述】：

前端开发新手。我一直试图通过反复试验来修复这个错误，但无济于事。当我检查我的页面时，一切看起来都很好。当我在我的美孚手机上测试我的页面时，我在背景图片的右侧看到了这个黑条，并且我的个人资料图片偏离了中心。 “封面图片;” “背景尺寸”为灰色 -

这是我的 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;
    }

【问题讨论】：

标签： html ios css

【解决方案1】：

这里可能有误，但我认为您要查找的属性是“cover”，而不是“cover-image”。

【讨论】：

背景尺寸的封面也是灰色的
@User-09 我知道大声笑这不是一个有效的 CSS 属性 :) 你想使用 background-size:cover;而是。
"background-size: contains" 也是灰色的。我已将宽度调整为 105%。黑条在chrome中消失了，但我在手机上测试我的页面时仍然可以看到它
你试过只用封面吗？
是的，显示为灰色。我将尝试使用媒体查询进行试验

【解决方案2】：

background-size: cover;上面有语法错误

它似乎有一个额外的分号，这可能会使其呈现灰色效果。删除它，然后只执行上面的行而不是 background-size: cover-image; 因为那根本无效。

你也可以试试：

background-image: contain;

【讨论】：

我可能不得不发布我所有的 html 和 css 代码。我知道很明显我错过了哈哈！
作为一个问题，您是否尝试过人们建议的任何事情？