Html 与Laravel一起使用.css文件

我在使用laravel处理.html文件和.css文件时遇到问题。也许你能帮我 我在index.blade.php中有这个片段

    <div class="container">

<div class="top">

    <div class="navigation">
        <a href="index.html">home</a>
        <a href="index.html">the journey</a>
        <a href="index.html">characters</a>
        <a href="index.html">image gallery</a>
        <a href="index.html">history</a>

    </div>

    <div class="pattern"><span></span></div>

    <div class="login">

        <div class="loginitem">

            <form action='login.php' method='post'>
            Username: <input type='text' name='username' /><br />
            Password: <input type='password' name='password' /><br />
            <input type='submit' value='Login' /><br><br>
            </form>

        </div>

        <div class="loginbutton">
            <i> Not </i> <a style="color: red;"  href="registration.html">registered </a> <i> yet? </i> 
        </div>
    </div>

    <div class="pattern"><span></span></div>


</div>

我无法使用这些行加载图像

     background: url(img/bgcontainer.jpg) repeat-y center top;
     background: url(img/divider.gif) no-repeat; 

从style.css文件中删除

我的图像位于它们所属的公用文件夹中名为img的文件夹中。只有我的DIV的定位起作用。我需要一些帮助，因为我不知道如何使用laravel从.css文件加载图片。提前谢谢

---

{{HTML:：style（'css/index.css'）；}
陷入中间

---

这就是我加载.css文件的方式

尝试在img路径前面附加斜杠，如下所示：

background: url(/img/bgcontainer.jpg) repeat-y center top;

---

如果您的文件夹结构是

Laravel/Public/css/style.css 

您的图片位于css文件夹的同一级别：

Laravel/Public/img/bg.jpg

css图像是相对于.css文件的，那么您可能需要降低一个级别才能进入图像文件夹：

background: url('../img/bgcontent.gif') no-repeat 0 -4%;

这里有另一个答案：

编辑

不要忘记，“/public”文件夹中的所有文件实际上都不是由Laravel控制的。这是Web服务器的一个文件夹控制器，它将一些控制传递给PHP和Laravel。因此，当您在浏览器上点击该文件时：

http:://laravelapplication.com/img/bgcontent.gif

这不是由Laravel解决的，而是由您的Web服务器（apache？nginx？）解决的。这就是所有资产文件（css、js、png、jpg、gif）的情况

有时这可能会令人困惑，因为Laravel生成URL，但当这些URL变成HTML时，如果它们指向

/public

文件夹中的真实文件，Laravel与它们无关

您如何知道它们是指向公共的：该文件必须存在。如果它不存在，您的Web服务器将把它传递给

public/index.php

，然后，是的，它将由Laravel处理

如何确保这是一个Laravel或HTML/CSS/Webserver的东西？获取文件的完整URL并将其放入浏览器地址：

http:://laravelapplication.com/img/bgcontent.gif

如果您的浏览器显示该图像，则它不是Laravel工作，而是您的Web服务器

---

当然，除非你有智能路由为你做这项工作，但这是一个更高级的Laravel路由问题，我认为这里不是这样。

url（）函数用于你的css文件，而不是HTML文件。因此，如果您的css位于

public/css/style.css

中，并且您的图像位于

public/img/one.jpg

中，则使用

url（../img/one.jpg）

您使用的是哪种文件夹结构，

img/image name.jpg

将与

.css

文件的位置相对应如何/在哪里加载css文件？我们需要知道文件夹结构，您是否有

css

文件夹？是的。文件夹结构是Laravel/Public/css/style.css，我的图片位于Laravel/Public/img/bg.jpg中（作为示例）。css文件可以工作。背景：url（“”）行代码不起作用。请使用crome inspector（或您喜欢的浏览器）检查它试图加载的css文件的路径。如果它不工作，您应该会看到一个错误，如

GEThttp://domain.com/css/index.css 404（未找到）

如果您检查chrome控制台。这应该是转向正确路径的线索这就是我正在做的。url（）函数是在my.css文件中编写的，而不是在blade.php中。这应该可以工作。你确定没有打错文件名吗？记住我使用的是laravel framework。这是一个我正在用Laravel重建的网站。以前，我使用纯php、html和css构建网站。它工作得很好。这个问题是关于LaravelYeah的视图和模板引擎的，不是真的，有时候可能会让人困惑，所以我只是做了一个编辑来澄清。

http:://laravelapplication.com/img/bgcontent.gif

http:://laravelapplication.com/img/bgcontent.gif