在background-image中更正文件路径的语法:url('');在树枝文件中(mautic的建筑模板)

时间:2017-08-13 11:29:28

标签: css symfony twig background-image filepath

我开始使用mautic(开源电子邮件营销自动化)。 我正在尝试为着陆页构建模板,因此我正在编辑" * .html.twig"文件。至少我可以发现twig是Symfony的PHP引擎。我还能找不到的东西实际上是非常简单的,至少在css / html中。

我想要做的就是将图片文件的正确文件路径指定为background-image:url('');在body标签的style属性中。(参见下面的示例)

这个树枝究竟如何处理文件路径?它似乎会自动更改我指定的文件路径,但这种方式对我来说是无法理解的。

我尝试了几个选项,但唯一有效的方法是指定绝对路径。一旦我开始在mautic中使用模板并从中构建一个页面并保存它,即使绝对文件路径也会崩溃'在输出源代码上。到底是什么?

我在twig中找不到关于文件路径语法的更多信息。我发现听起来非常复杂,以至于我无法相信简单地放入文件路径应该是多么复杂?我错了吗?

以下是示例,指定实际源代码中的绝对路径。

<body style="background-image:url('http://sawiya.de/mautic/themes/mautictheme1/img/background.jpg'); background-color:#213E4C;">

在浏览器中查看结果时,如果不向目标网页模板添加内容,则源代码输出如下(路径已更改,但结果至少是图像正在显示):

background-image:url(http://1.1.1.2/bmi/1.1.1.5/bmi/sawiya.de/mautic/themes/mautictheme1/img/background.jpg);

在mautic 的模板顶部添加内容后,文件路径会被更改,并从源代码输出中读取以下内容(现在背景图像不再显示,所以它明显坏了):

background-image: url(http://1.1.1.3/bmi/sawiya.de/mautic/"http://1.1.1.5/bmi/sawiya.de/mautic/themes/mautictheme1/img/background.jpg")

这是什么一回事?在哪里可以获得有关如何轻松,正确地指定文件路径的信息?这真的很难吗?

1 个答案:

答案 0 :(得分:0)

好的,现在我发现了一些奇怪的东西。这可能是一个毛病的错误。

当我通过http s :// - 协议打开我通过background-image:url()指定图片的页面时,而不是http://,它作品!

结果源代码看起来像预期的那样:

background-image: url(&quot;http://1.1.1.5/bmi/sawiya.de/mautic/themes/mautictheme1/img/background.jpg&quot;)

所以,我认为,错误的地址在这里。至少要解决这个bug。希望有人发现这是一个解决方案,直到错误得到解决。

干杯!

修改当然最好以相对方式指定文件路径,以便在其他服务器上使用主题时,路径仍然正确。在枝条中,最好的方法就是这样。至少它运作得非常好。

background-image: url('{{ getAssetUrl('themes/'~template~'/img/logo.png', null, null, true) }}';)