एससीएसएस - छवि आयाम प्राप्त करना

Question

मैं आइकन कक्षाएं बनाने के लिए inline-image फ़ंक्शन का उपयोग कर रहा हूं।

.folder { 
    background: inline-image("icons/home/folder.png", 'image/png') no-repeat center; 
    height: image-height("icons/home/folder.png", 'image/png'); 
    width: image-width("icons/home/folder.png", 'image/png'); 
} 

इस तरह कुछ भी मौजूद है:

.folder { 
    background: inline-image("icons/home/folder.png", 'image/png') no-repeat center; 
    height: 30px; 
    width: 41px; 
} 

मैं एक समारोह है कि चौड़ाई और छवि की ऊंचाई निर्धारित कर सकते हैं तो मैं कुछ इस तरह कर सकते हैं रहा हूँ: यह मेरे वर्तमान एससीएसएस है?

Answer 1

मिले इस http://compass-style.org/reference/compass/helpers/image-dimensions/

आप सही फ़ंक्शन नाम अनुमान लगाया गया है।

उनका उपयोग करने के लिए आपको कंपास स्थापित करने की आवश्यकता होगी। मैं माउस के लिए स्प्राइट का उपयोग करने की सलाह देंगे वैसे

@import "compass/helpers"; 

.folder { 
    background: inline-image("icons/home/folder.png", 'image/png') no-repeat center; 
    height: image-height("icons/home/folder.png"); 
    width: image-width("icons/home/folder.png"); 
} 

: http://compass-style.org/reference/compass/helpers/sprites/