CSS 스프라이트 사전로드

다음 chess.svg 참조가있는 css 파일이 있습니다. chess.svg 스프라이트와 다른 CSS 이미지를 다운로드 할 수있는 간단한 방법이 있습니까? 먼저 전체 CSS 파일을 다운로드 할 때까지 기다리지 않고 다운로드 할 수 있습니까? 중요한 경우 Ruby on Rails를 사용하고 있습니다.CSS 스프라이트 사전로드

.piece { 
    background-image: image-url('chess.svg'); 
    background-repeat: no-repeat; 
    background-size: 384px 128px; 
    width: 64px; 
    height: 64px; 
}

출처

2012-10-29 user782220

저는 CSS 전문가는 아니지만 대개 하나의 스프라이트 (duh!)에 모든 적합한 아이콘을 포함하고 초기 페이지에 적어도 하나의 아이콘을 표시합니다. 그러나 JavaScript를 사용하여 이미지를 미리로드 할 수 있습니다. –

나는를 추가하여 내 문제를 해결 숨겨진 이미지 참조 chess.svg

출처

2012-11-05 07:48:47 user782220

아주 작은 CSS 파일을 스프라이트만으로 만들고 메인 application.css 외부로로드하는 방법은 없습니까?

<%= stylesheet_link_tag "preload", media: "screen" %> 
<%= stylesheet_link_tag "application", media: "all" %>

이 방법은 첫 번째 CSS를로드 직후 브라우저에 의해로드 된 이미지를 가질 것, 같은 스프라이트는 두 번째 CSS 내에서 사용된다.

메인 application.css에서 preload 파일을 포함하지 않는이 작품을, 그래서 그것에서 너무 어떤

*= require_tree .

을 제거하려면 ...

출처

2012-10-29 12:06:13 rewritten

CSS 스프라이트 사전로드

답변

관련 문제