2012-01-26 37 views
14

này được đề cập trong tập tin config.rbhình ảnh nền đường dẫn trong Sass và Compass

images_dir = "images" 

tôi sử dụng 2 thư mục cho hình ảnh trong các dự án của tôi trong hình ảnh thư mục

images 
images/background/ 
images/content/ 

Nếu bất kỳ hình ảnh là bên trong images/background/ thư mục sau đó làm thế nào tôi nên thêm đường dẫn cho hình ảnh trong css background và biến Sass?

$header-img: "sass.gif"; 

background-image: url('sass.gif?1327592426'); 

Và làm thế nào để thoát khỏi ô tô này được tạo ra ?1327592426 từ mỗi hình nền?

Trả lời

33

Bạn nên sử dụng image-urlURL helper. Nó "tạo ra một đường dẫn đến một tài sản được tìm thấy liên quan đến thư mục hình ảnh của dự án" mà bạn đã xác định trong config.rb của mình. Bạn cũng có thể thiết lập các tham số thứ ba $cache-buster false để loại bỏ các tạo ?1327592426

Sass: CSS

// image-url arguments: 
// $path: path relative to images directory in config.rb 
// $path-only: if true, will cause only the path to be returned instead of a `url()` function 
// $cache-buster: When set to `false` no cache buster will be used (i.e. `?313420982`) 
$header-img: image-url('background/sass.gif', false, false) 
background-image: $header-img 

tạo:

background-image: url('images/background/sass.gif') 
+1

+1 Cảm ơn cho câu trả lời. nơi đặt $ cache-buster thành false? –

+0

nếu tôi sử dụng '$ header-img: image-url ('background/sass.gif', false, true)' nó cho 'background-image: url ('/ images/url ('/images/background/sass. gif ')'); ' –

+0

Chỉ cần cập nhật câu trả lời để rõ ràng hơn khi sử dụng $ header-img. Nếu bạn muốn xác định 'background-image' trong Sass của bạn bằng cách sử dụng' url() ', hãy đặt đối số thứ hai là' true'. Sau đó, bạn sẽ viết 'background-image: url ($ header-img)' trong Sass – maxbeatty

Các vấn đề liên quan