当前位置: 首页 > 面试题库 >

Symfony2-Assetic-在CSS中加载图像

郭鸿信
2023-03-14
问题内容

我有一个CoreBundle,其中包含主要的CSS文件和图像。现在,当我从CSS加载图像时出现问题;图片未显示。

 background-image:url(../images/file.png)

(可以使用完整路径)

我使用以下命令安装了资产:assets:install web我可以在下看到图像和CSS文件web/bundles/cmtcore/(css|images)

这是核心捆绑包中的文件结构:

/CoreBundle
    /Resources
        /public
            /css
                /main.css
            /images
                /file.png

这是我将css文件加载到模板中的方法:

 {% stylesheets '@CmtCoreBundle/Resources/public/css/*' %}
        <link rel="stylesheet" type="text/css" media="screen" href="{{ asset_url }}" />
 {% endstylesheets %}

提前谢谢你的帮助。


问题答案:

使用cssrewriteAssetic捆绑包中的过滤器

在config.yml中:

assetic:
    debug:          %kernel.debug%
    use_controller: false
    filters:
        cssrewrite: ~

然后像这样调用样式表:

 {% stylesheets 'bundles/cmtcore/css/*' filter='cssrewrite' %}
        <link rel="stylesheet" type="text/css" media="screen" href="{{ asset_url }}" />
 {% endstylesheets %}

哦,别忘了使用 php app/console assetic:dump



 类似资料:
  • 问题内容: 我有一个隐藏的联系表单,单击该按钮即可进行部署。它的字段设置为CSS背景图像,它们的出现时间总是比已切换的div晚一点。 我在本节中使用了此代码段,但运气不好(清除缓存后): 我正在使用jQuery作为我的库,如果我也可以使用它来解决此问题,那将很酷。 多谢您的光临。 问题答案: 我可以确认我的原始代码似乎有效。我随便坚持使用错误路径的图像。

  • Assetic 是一个 PHP 的资源管理框架,用于合并和压缩 CSS/JS 资源。这种方式合并资源可以减少浏览器对资源的请求数、降低资源下载大小、加速网站访问。 示例代码: <?phpuse Assetic\Asset\AssetCollection;use Assetic\Asset\FileAsset;use Assetic\Asset\GlobAsset;$js = new AssetCo

  • 我使用intelliJ IDEA中的maven webapp原型创建了一个spring项目。我正在使用tomcat插件和maven插件。我可以在app name/home路径上运行这个应用程序,但是css和图像没有加载,它显示的是简单的文本和图像表情。 在项目内部,我创建了ApplicationInitializer类,这很好,ApplicationConfig看起来像这样- 下面是文件夹结构-

  • 我正在使用这个插件jQuery延迟内容、图像和背景延迟加载程序 我尝试在延迟加载后向图像添加图像边框颜色和图像边框厚度,但似乎没有效果。若我在开发者控制台按“inspect”,我可以看到这个属性被添加到图像样式中,但它的效果并没有显示在屏幕上。 超文本标记语言 JQuery

  • 下面是我的代码: 只是一个加载图像的文件。 我得到以下错误: 以下是完整的代码:

  • 问题内容: 我已经按照所有的教程讲完话了。我在CSS样式表中的身体内部指定了背景,但是页面仅显示空白的白色背景。图片与.html和.css页面位于同一目录中。本教程说 已弃用,所以我在CSS中使用 没有成功。这是整个CSS样式表: 问题答案: 这是另一个图片网址结果..工作正常…我只是放了一个图片路径..请检查一下..