在我的SCSS文件中,我正在使用Rails image-url helper:
background-image: image-url('sidebar-button-gradient.png')!important
它在CSS中生成这两行作为输出:
background-image: url(/assets/sidebar-button-gradient.png) !important img;
background-image-width: 20px;
在Chrome检查器中,第一行被忽略(它被越过),如果我手动删除额外的最后一个'img'字,则会被视为:
background-image: url(/assets/sidebar-button-gradient.png) !important;
Rails帮助器正在生成它,我该如何删除该字?
我也尝试过asset-url(path,image)
答案 0 :(得分:0)
这似乎有效:
background: url(sidebar-button-gradient.png) repeat-x #f6f6f4;
只有休息才能在生产中进行测试,我不确定资产预编译后是否可行。
答案 1 :(得分:0)
如果您正在使用SCSS,那么add Compass之上应该是微不足道的(很明显,我说的是对您的设置不太了解)。如果您在使用Rails image-url帮助程序时遇到问题,请尝试使用the image-url helper provided by compass。它具有相似或相同的语法,我的输出从未出现过问题。