css-sprites

0열

1답변

깃발 스프라이트 모음 here이 있습니다. 은 기본적으로 작동 방법 : 그것은 모든 플래그를 포함하는 하나 개의 PNG 파일을 가지고, 그 클래스의 배경으로 사용됩니다. 모든 플래그에 대해 다른 하위 클래스가 있는데, 배경의 위치가 설정됩니다. .flag { width: 18px; height: 12px; background:url('images/fl

1열

2답변

이미지 스프라이트에서 부분 배경 이미지를 집어 넣는 방법

나는 이미지 스프라이트에서 단일 국가 플래그를 생성하는이 바이올린을 가지고 있습니다. 깃발 너비가 너무 넓기 때문에 각 깃발을 쥐어 짜고 싶습니다. 예를 들어 JSFiddle Demo 는 노르웨이 플래그는 jsfiddle 샘플에서 너무 넓습니다. 어떻게하면됩니까? 고맙습니다. #flag1 { width: 120px; height: 60px

2열

1답변

CSS가있는 SVG 스프라이트 background-size : 100 % auto;

안녕하세요. 현재 웹 사이트를 구축 중이며 아이콘 글꼴에서 순수 svg 아이콘으로 전환하고 싶습니다. 그것은 축소되는 배경 .icon { width: 1em; height: 1em; background-image: url('path/to.svg'); background-position: 0 0; backgroun

1열

1답변

잡동사니 작업을 반복하다

현재 Grunt에는 새로운 소스 코드 모음 (공통 폴더 구조 내)에서 CSS 스프라이트를 구성하는 작업을 설정하는 것이 새롭게 추가되었습니다. 이렇게하려면 grrit-spritesmith : https://npmjs.org/package/grunt-spritesmith을 사용하고 있습니다. 현재로서는 특정 폴더를보고 스프라이트와 SCSS 부분을 잘 구성하는

0열

1답변

CSS 스프라이트의 후보 이미지 유형은 무엇입니까?

높이 및 너비에 따라 다른 .png, .gif, .jpg 유형의 프로젝트에 많은 이미지가 있습니다. 나는 다음 문서를 사용하여 프로젝트에 존재하는 모든 이미지에 대한 CSSSprites을 구현하려는 : http://www.hanselman.com/blog/NuGetPackageOfTheWeek1ASPNETSpriteAndImageOptimization.as

0열

1답변

CSS 스프라이트 성능 및 드래그 앤 드롭

드래그 가능한 요소의 배경 이미지에 CSS 스프라이트를 사용하면 성능에 악영향을 미칠지, 특히 태블릿이나 모바일 장치와 같은 터치 지원 장치에서 특히 그렇습니까? 각 항목은 주위에 50 픽셀 X 50 픽셀 및 스프라이트는 800 픽셀 X 1400px (20킬로바이트) 브라우저가 드래그 다시 배치 될 때 배경 이미지를 위치를 다시하기 위해 노력하고 있다면 난

1열

1답변

Fotorama - CSS Sprite를 사용할 때 축소판을 생성하는 방법은 무엇입니까?

슬라이드 쇼를 만들 때 http://fotorama.io/을 사용하고 있으며, # of imgs 때문에 페이지 로딩 시간이 늘어납니다. Fotorama는 이미지에서 미리보기 이미지를 자동으로 생성 할 수 있습니다. 로드 속도를 높이기 위해 이미지를 CSS 스프라이트에 결합했습니다. 미리보기 이미지를 생성하려면 "img"태그가 필요합니다. "img"태그를 사

0열

1답변

verticle css 스프라이트의 앵커 이미지를 가로로 정렬합니다.

CSS 스프라이트에 4 개의 이미지가 있습니다. 각 스프라이트는 내 페이지가 수평이되도록 href이됩니다. left:250pxtop:2px에서 시작하여 각 이미지 사이에 패딩이 3px 인 경우 내가 상단에서 왼쪽에서 250px 및 2px에서 시작,하지만 난 패딩과 href 년대 가로가는 이미지를 얻는 방법을 알아낼 수있는 방법을 알아낼 수 .sprites

1열

1답변

데이터 URI 또는 스프라이트 대신 사용할 수 있습니까?

여기 캐치 22 상황이 있습니다. 내 의도는 HTTP 요청을 저장하는 것인데, 요청 수가 증가하면 자연히 페이지로드가 느려집니다. 내 첫 번째 해결책은 스프라이트를 사용하는 것이 었습니다. 그러나 한 이미지의 일부가 다른 이미지에 나타나는 결과로 스프라이트의 상대 단위를 올바르게 조절할 수 없습니다. 그런 다음 데이터 URI를 조사했습니다. 이것은 매우 유

1열

1답변

CSS 스프라이트 링크가 작동하지 않습니다.

블로그에서 두 CSS 스프라이트 이미지가 서로 옆에 있습니다 (둘 다 크기가 다르기 때문에 HTML 코드에서 두 세트 모두 1 세트 만 가질 수 있음). 높이와 너비). 왜 그런지 모르겠지만 그 중 하나는 'hover'속성을 인식하지 못하고 있으며 링크가 나타나지 않습니다. 하나 개의 물건 : 또한 그것을 위해