背景图片未覆盖背景Laravel

Question

我一直在梳理网络，看起来应该是一个非常简单的过程。 我希望仅将服务器中的图像作为背景分配给我正在通过CSS处理的页面。 我对Laravel框架有些陌生，所以这里可能有点不同？

我目前有以下CSS定义页面主体（包括背景图片）：

body {
  overflow:auto;
  width: 100%;
  height: 100%;
  background: transparent url('.../img/giant_back_hi.jpg') no-repeat center center;
  background-repeat: no-repeat;
  background-position: fixed;
  -webkit-background-size: cover;
  -webkit-filter: cover;
  background-size: cover;
  color: white;
  margin: 0;
  padding: 0;  
}

并通过以下view元素进行读取：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="resources/css/layout.css" />
    <title>my-app</title>
  </head>
  <body>
    @include("header")
    <div class="content">
      <div class="container">
        @yield("content")
      </div>
    </div>
    @include("footer")
  </div>
</html>

每当我尝试渲染页面时，一切都很好，但是背景返回空白。 关于我缺少什么或如何正确编码的任何想法吗？

我的目录图如下：

public
--css
----layout.css
--img
----giant_back_hi.jpg

在此先感谢您的帮助！

编辑我已经确定，当我将定量高度值应用于CSS中的height属性时。 （ height:1200px; ）图像显示。

因此，图像显示出来了，但它并没有像我所说的那样覆盖页面...在我手动调整大小之前，它一直被标题隐藏。

Answer 1

您正在以安装中的public/文件夹作为根目录服务站点，因此，通过/css/和/img/在视图中使用HTML和CSS访问public/css/和public/img/文件夹的内容。 /img/ 。

在这种情况下，从HTML的角度来看，根目录（ / ）是您的public/目录，因此，在您的HTML中，更新指向CSS的链接：

<link rel="stylesheet" href="/css/layout.css" />

并在您的CSS中：

background: transparent url('/img/giant_back_hi.jpg') no-repeat center center;

背景图片未覆盖背景Laravel

问题描述

1 个解决方案

解决方案1
2 已采纳 2014-08-10 17:43:17

背景图片未覆盖背景Laravel

问题描述

1 个解决方案

解决方案1 2 已采纳 2014-08-10 17:43:17

解决方案1
2 已采纳 2014-08-10 17:43:17