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縮小和背景圖像語法

回答

相關問題