Question

这是我要设置背景的标题代码。

<header>
  <img src="images/MeMain.jpg" alt="Drawing of Me" class="profile-image">
  <h1 class="tag name">Hello, I’m Me.</h1>
  <p class="tag location">My home is Blank, Blank.</p>
</header>

以下是相关的CSS代码：

header {
  text-align: center;
  background: url('images/portland.jpg') no-repeat top center ;
  background-size: cover;
  overflow: hidden;
  padding-top: 60px;
}

如果我将图像编码到它出现的html页面，但我无法使用url显示它。我已经尝试移动图片的位置，我已经尝试将网址更改为（“... / images / portland.jpg”）。到目前为止，我没有尝试过任何工作。

Answer 1

看起来你的css上的url路径中有一个太多的句点。另外，旁注，较新的浏览器在路径上不需要任何引号。

试试这个：

.header {
background: url(../images/portland.jpg) no-repeat center center fixed;
background-size:cover
}

您甚至可以为手机屏幕提供不同的背景信息，如下所示：

@media only screen and max-width: 48em {
    .header {background: url(../images/portland-portrait.jpg) no-repeat center center fixed;}
}

Source - http://fritzemedia.com/

Answer 2

问题是你有太多的时期。

你应该使用

（＆＃34; ../图像/ portland.jpg＆＃34）

你有......

无法在页面上显示图像

2 个答案: