CSS缩小和背景图像语法

-1

我一直在寻找一个可靠的css缩小器，它不需要命令行来运行。类似于Google的closure compiler，您可以在其中输入多个JavaScript文件并将它们缩小为单个文件。到目前为止，我从this thread找到了this。CSS缩小和背景图像语法

我喂它几个CSS文件，发现其中一个CSS文件中引用的图像之一被压缩在缩小文件中。

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

并将其转化为

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

不看的权利。奇怪的是，如果只有一个具有上述代码的文件被提供，结果是正确的。另外，如果我将背景图像更改为背景，结果也是正确的。所以我有点困惑，因为问题是：

- 使用background-image时忽略背景位置是否合法的CSS？
- 这个工具是否有其他选择（接受多个css文件来缩小并且不需要作为命令运行）。

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

来源

2012-12-28 Rasul

这真的应该是两个单独的问题，因为它们之间没有任何关系。 – cimmanon

@cimmanon你是绝对正确的，他们是两个不同的问题，但他们是相关的 - 但无论如何松散。如果这些工具做的是正确的事情，并且我的css语法不好，那么我就不会有第2部分，但是如果css是有效的，那么这就是要求替代上述缩小器工具的上下文。 – Rasul

background速记可以安全地只与颜色或仅图像部分一起使用。自2000年以来，我一直这样做〜因为我很懒，从来没有看到过问题。当然，你可能试过让CSS验证器看看它是否有效（参见：http://jigsaw.w3.org/css-validator/）。
就我个人而言，我让Sass照顾我的缩小需求，因为我已经将它用于其他功能。我没有太在意它如何压碎生成的文件，但是所有的空格和注释都以最紧凑的模式被删除，并且颜色被压缩为6或3位十六进制值。

来源

2012-12-29 00:11:36 cimmanon

为什么我没有想到css验证:-)我一直在验证html，但不是css，我知道我应该尽早开始，而不是晚些时候。感谢提示，是的，CSS代码验证，所以它必须是缩小问题。我将会找到更多关于Sass的信息，看看我是否也可以使用它。我使用Dreamweaver主要用于存储，所以如果您或其他人对Sass/DW有深入了解，我将非常感激您的意见。 – Rasul

我接受这个答案，虽然它没有明确地回答这些问题，但它确实指向了2个非常有用的资源。是的，代码通过CSS验证，因此它必须是有效的CSS和Sass/Compass做得很好，并且可以在系统上运行他们的魔法，而不是在线访问第三方工具。 – Rasul

CSS缩小和背景图像语法

回答

相关问题