Symfony 2 使用 CSS 设置背景图片

2024-06-19

I want to put a background image for a menu in symfony. But I can't figure out how to do it. I managed to style a lot of things already, but not to add a background from css. This is my project src folder with the background style that I am trying to create: Project structure

Symfony 知道图像在哪里的正确路径是什么?我尝试了多种方法,但没有一种对我有用。 谢谢


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

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 http://symfony.com/doc/current/book/templating.html#linking-to-assets

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Symfony 2 使用 CSS 设置背景图片 的相关文章

  • Firebug 显示应用到我的标签的类两次

    When I m trying to check my CSS applied to I see a class is applied twice from a same class like the picture what s wron
  • 为什么 calc 在用于 font-size 时不重新计算?

    我尝试将 VW 和 calc 一起使用并且有效 但只计算一次 加载时间 http codepen io anon pen mJOGbr http codepen io anon pen mJOGbr html font size calc
  • 单击一个元素突出显示其他元素

    单击另一个元素时有什么方法可以更改元素的属性吗 例如 考虑这种方法 我有一个像这样的链接 a href 100 Click me a 然后接近它我有这个 span class clickTarget Important text span
  • 表排序器,无法正确按日期排序

    如果存在空格 表排序器的行为是否会有所不同 我对 tablesorter 还很陌生 但有人要求我快速将其添加到客户网站 特别是允许他们按发布日期排序 据我所知 日期 例如 2012 年 5 月 14 日 被读取为文本 因此我需要添加一个解析
  • 阻止文本环绕图像

    我想阻止文本环绕图像 有没有什么方法可以在不使用的情况下做到这一点margin img margin bottom 2 5em strong img src https www google com images srpr logo11w
  • Chrome 自动填充上的预填充值在选择之前大小不同

    在我的应用程序上 我有多个表单 要求用户提供基本信息 姓名 电子邮件 地址等 在 Chrome 上 我们有很棒的自动填充功能 当查看这些表单之一并选择自动填充选项时 这些值将填充我之前保存的信息 但是 我遇到了问题 当我将鼠标悬停在 Chr
  • 从纯 css 中已选择的元素中选择最后一个元素

    我想要类似 jquery 的东西 last选择器 但在纯CSS中 我怎样才能只得到 z 段落 如果我不知道它在 DOM 结构中的索引 或者如何获取 area 类的最后一个孩子 我看到这个CSS3 获取最后一个元素 https stackov
  • 路径表达式无效。需要 StateFieldPathExpression 或 SingleValuedAssociationField

    我有以下查询 query em gt createQueryBuilder gt select s COUNT pictures AS HIDDEN items gt from MainBundle InstagramShop s gt i
  • CSS3 resize 属性只允许增加 DIV 大小

    有一个resizeCSS3 中的属性可以应用于div e g http www impressivewebs com css3 resize http www impressivewebs com css3 resize 我正在构建一个丰富
  • 我们如何在jquery中添加css+动画?

    这是我正在尝试做的事情的一小段 why red a hover function this animate webkit transform scale 1 1 slow function this animate webkit trans
  • Twig 渲染与包含 - 何时何地使用其中之一?

    我读了Twig 渲染与包含 https stackoverflow com questions 9077097 twig render vs include但这不是我要找的 我不确定应该在何时何地使用 render 以及何时应该使用 inc
  • 识别出现在指定位置的所有元素

    jQuery 中是否有任何方法可以选择位于特定位置的所有元素 例如选择位于 left 100 和 top 300 的元素 另一个 div 位于同一位置 单击时我想获取两个 Div 的 ID 如果我可以选择位于一系列位置的元素 那就太好了 h
  • 在 Selenium 中自动执行下拉菜单而不选择

    我正在尝试使用 Selenium 从下拉列表中选择一个元素 我已经能够选择下拉列表 但我不知道如何从下拉列表中选择特定元素 因为该网站不使用 select 因此我无法使用内置的 select 类 作为参考 这是下拉列表中元素之一的 HTML
  • 禁用“未找到匹配项”文本并在 select2 上自动完成

    如何在 select2 Tagging 支持的自动完成功能上禁用 未找到匹配项 文本 这就是我现在所拥有的 ProductDescriptions 30 keywords select2 tags tokenSeparators minim
  • JavaScript 和 jQuery 以及句点的使用

    我很困惑在引用类名时何时使用类名之前的句点 在此示例中 为什么 active slide 类的第一次使用事先使用了句点 而其他两个则没有 var main function dropdown toggle click function dr
  • 如何显示浏览器中发出的 API 请求的 symfony 分析器?

    我正在使用 Symfony2 FOSRest 捆绑包开发 REST api 我想知道是否有任何方法可以在开发模式下调用api app dev php 从浏览器 对应于Accept text html application xhtml xm
  • 制作一个透明的圆形按钮,带有不透明边框和文本/字体很棒的图标

    基本上我想要一个性感的 反应灵敏的圆形按钮 它是透明的 这样你就可以通过它看到背景 但有一个不透明的轮廓 这样你就可以看到按钮和不透明的文本 或者也许我会在稍后阶段添加一个字体很棒的图标 这是我的 JS 小提琴 这样你就可以看到我正在尝试做
  • 带有透明边框的响应式箭头进度条

    我正在尝试构建一个进度条 如结帐中常见的那样 问题是 箭头之间的边界是透明的 整个事情应该是反应灵敏 到目前为止我已经明白了 http codepen io MrBamblele pen rVBeoz http codepen io MrB
  • 位置固定,无顶部和底部

    我发现了有趣的功能 但找不到它发生的原因 所以 我们有固定位置元素 它位于 body 下方 第一个元素有样式 firstEl width 100 height 200px background color green 第二个元素有 fixe
  • -webkit-overflow-scrolling:触摸;无效的属性值

    我不明白为什么这不起作用 我把它放在我的 html 和正文中 它仍然显示无效的属性值并被划掉 我首先尝试在媒体查询中使用它 但它在那里不起作用 有谁知道它对我不起作用的潜在原因 谢谢你 html body width 100 height

随机推荐