Question

我有以下问题：

我尝试用css加载图片。但他们找不到。

我的css文件：

.newsMenu {
    background-image: url(../gfx/bannerSeite.png);
    background-repeat: no-repeat;
    background-size: 900px;
}

我的TwigTemplate加载了css：

{% stylesheets 
    'bundles/doublebeatswebsite/css/index.css'
    'bundles/doublebeatswebsite/css/jquery.mCustomScrollbar.css'
    output="bundles/doublebeatswebsite/css/compiled/main.css"
    filter="cssrewrite"
    filter="yui_css"
%}

我的目录结构

+src
  +DoubleBeats
    +WebsiteBundle
      +Resources
        +public
          +css
            -index.css
            -jquery*.css
+web
  +bundles
    +doublebeatswebsite
      +css
        +compiled
          -main.css
          -main_index.css
          -main_jquery*.css
        -index.css
        -jquery*.css

浏览器输出;由cssrewrite创建

url("../../../../../bundles/doublebeatswebsite/gfx/*.png")

Die angegebene URL konnte nicht geladen werden

我已经尝试过css文件中的绝对路径，但也没有用（以及我试图避免的）

url(/bundles/.../gfx/*.png)

我也试过没有cssrewrite和

background-image: url(../../gfx/bannerSeite.png);

修改

我刚刚发现我用{{asset（）}}设置的图片也无效。这一切都有效，我无法弄清楚改变了什么。我现在尝试将权限设置为所有Web文件的777。 Myabe我在配置中巧合改变了一些东西？！你有什么想法吗？

Answer 1

您可以尝试使用uglifycss：http://symfony.com/doc/current/cookbook/assetic/uglifyjs.html

我在尝试使用yui_css时遇到了麻烦，但在上面的说明中使用uglifycss没有问题。

我也相信Yui压缩机已被弃用：

YUI Compressor正在进行弃用过程。但别担心！请参阅如何缩小CSS / JS文件（使用UglifyJS和UglifyCSS）作为替代方案。

来源：http://symfony.com/doc/current/cookbook/assetic/yuicompressor.html

Answer 2

将Assetic与cssrewrite过滤器结合使用：

http://symfony.com/doc/2.3/cookbook/assetic/asset_management.html#fixing-css-paths-with-the-cssrewrite-filter

Symfony2在css中的资产路径

2 个答案: