CSS Minify和背景图像语法

时间:2012-12-28 20:30:30

标签: css minify

我一直在寻找一个不需要命令行运行的可靠的css minifier。类似于Google closure compiler的内容,您可以在其中输入多个JavaScript文件并将其缩小为单个文件。到目前为止,我已经从this找到了this thread

我给它提供了几个css文件,发现其中一个css文件中引用的一个图像在缩小的文件中被破坏了。

background-image: url('/abc/img.png')

并将其转换为

background-image: url(http://mydomain.com/'abc/img.png')

看起来不对。奇怪的是,如果仅提供具有上述代码的单个文件,则结果是正确的。此外,如果我将背景图像更改为背景,结果再次正确。所以问题是我有点困惑:

1 - 使用背景图像时,省略背景位置是合法的CSS吗?
2 - 是否有此工具的替代方案(接受多个css文件来缩小,不需要作为命令运行)。

非常感谢任何其他建议和见解。

1 个答案:

答案 0 :(得分:1)

  1. background速记可以安全地仅用于颜色或仅用于图像部分。自2000年以来我一直这样做,因为我很懒,从来没有遇到过问题。当然,你可能试过要求CSS验证器查看它是否有效(参见:http://jigsaw.w3.org/css-validator/)。

  2. 就个人而言,我让Sass照顾我的缩小需求,因为我已经将它用于其他功能。我没有过多关注它如何压缩生成的文件,但所有空格和注释都以最紧凑的模式被删除,颜色被压缩为6或3位十六进制值。