如何在laravel 5.4

时间:2017-03-15 11:31:06

标签: html css laravel laravel-5.4

是否可以将Table值传递给style.css文件,因为我想更改封面图像,即背景图像dynmicallay?

我通过内部Css 尝试了以下代码,它的工作非常完美..但我想要外部Css



<style>
    .timeline-cover{
        background: url('<?php if (isset($userinfo[0]['cover'])) { echo url('images/users/'. $userinfo[0]['cover']);} else { echo url('images/cover/1.jpg');}?>') no-repeat;
        background-position: center;
        background-size: cover;
    }
</style>
&#13;
<div class="timeline-cover"></div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

如果你必须有2个外部文件,我建议你有2个css文件,一个是主要样式的永久文件,第二个是控制器动态编写的,然后调用视图,覆盖或添加前者定义的css类。 这不是最有效的,因为你经常写文件。

建议使用永久样式表:

.timeline-cover{
    background-position: center;
    background-size: cover;
}

并让控制器创建一个$ bgu变量,具体取决于控制器中所需的逻辑,然后就像你在视图中一样:

.timeline-cover{
    background: url('<?php echo $bgu ?>') no-repeat;
}

答案 1 :(得分:-1)

试试这个

 $('.timeline-cover').append("<style>"+
        ".timeline-cover"+
        "{"+
          "background: url('<?php if (isset($userinfo[0]['cover'])) { echo url('images/users/'. $userinfo[0]['cover']);} else { echo url('images/cover/1.jpg');}?>') no-repeat;"+
            "background-position: center;"+
           " background-size: cover;"+
        "}"+
    "</style>");