CSS (no JS)를 사용하여 이미지를 미리로드하는 방법은 무엇입니까?

JavaScript를 사용하지 않고 이미지를 CSS 만 사용하여 미리로드하려면 어떻게해야합니까? 그것은 크로스 브라우저 여야합니다.CSS (no JS)를 사용하여 이미지를 미리로드하는 방법은 무엇입니까?

CSS 스프라이트를 사용하고 싶지 않습니다. 다른 해결책이 있습니까?

은 * 왜 * 당신은 CSS 스프라이트를 사용하지 않으려는? – mpen

background-position: -1000px -1000px;으로 숨겨진 여러 요소를 사용할 수 있으며 미리로드 할 각 이미지에 대해 background-image을 지정할 수 있습니다.

2009-12-15 08:39:04 Sarfraz

CSS Sprites을 사용하십시오.

2009-12-15 05:39:37 3zzy

종료 본문 태그 전에 모두로드하여 표시하지 않을 수 있습니다. 그런 다음 나중에 전화하면 정확한 경로를 사용해야 캐시에 있어야합니다.

<img src="/i/myimage.jpg" alt="image preload" style="display:none;" />

display : none으로 클래스를 만들고 미리로드하려는 모든 이미지에도 적용 할 수 있습니다.

이렇게하면 더 많은 HTTP 요청이 발생하지만, 그 수를 줄이려면 CSS Sprites에 제안 해주십시오.

2009-12-15 08:34:30 NinjaBomb

모든 브라우저에서 작동하지 않습니다. 일부는 표시되지 않는 요소에서 더 이상 보이지 않습니다. –

답변