css - Symfony 2 使用 CSS 设置背景图片

Question

我想在 symfony 中为菜单添加背景图片。但我不知道该怎么做。我已经设法设置了很多东西的样式，但没有从 css 添加背景。这是我的元素 src 文件夹，其中包含我要创建的背景样式:

Symfony 知道图像在哪里的正确路径是什么？我尝试了多种方法，但对我没有任何用处。谢谢

Answer 1

您应该将图像存储在捆绑文件夹中。

src/MyBundle/Resources/public/images

和你的CSS

src/MyBundle/Resources/public/css

因为只能从外部访问 web 文件夹，所以你应该使用命令

app/console assets:install web --symlink

这将为 web 文件夹创建链接

web/bundles/Project_name/css
web/bundles/Project_name/images

所以你的图片的相对路径应该是

.header{
    background-image: url("../images/mainlogo.gif");
}

在 twig 中你应该使用 asset() 函数来链接你的样式:

<link href="{{ asset('bundles/acmeweb/css/yourstylesheet.css') }}" rel="stylesheet" type="text/css" />

您可以找到完整的文档 here