css-sprites

0열

1답변

div 요소에 대해 네 개의 모서리 인 네 개의 "하위 이미지"로 구성된 이미지 스프라이트를 사용하고 있습니다. 스프라이트는 40x40 픽셀입니다. 각 '하위 이미지'는 20x20 픽셀입니다. 각 구석의 "하위 이미지는 스프라이트의 반대쪽 구석에 있습니다 (예 : 왼쪽 위의 하위 이미지는 스프라이트의 오른쪽 하단에 있습니다). 이 div 요소는 너비가 44

2열

1답변

대부분의 모바일 브라우저는 3000 개의 CSS 스타일 정의를 처리 할 수 있습니까?

3 천 가지 스타일 정의를 사용하는 것은 매우 드문 경우입니다. 일부 모호한 모바일 장치가 불평 할 가능성이 있습니까? 세부 정보 : 가능한 한 많은 브라우저에서 실행되도록 게임을 만들므로 캔버스를 사용하지 않아야합니다. 스타일 변수를 변경하여 애니메이션 캐릭터를 시도했지만 너무 많은 리플 로우가 발생했습니다. 다음으로 DOM 노드를 한 번에 "innerH

4열

3답변

SASS/Compass에서 스프라이트 센터링

나침반 스프라이트를 사용하여 가로로 스프라이트를 가운데에 배치하는 데 문제가 있습니다. 나는 다양한 크기의 아이콘이있는 스프라이트를 가지고 있으며, 그들이있는 컨테이너에 가운데 놓 이도록하고 싶습니다. 그래서 그들은 예를 들어 왼쪽 아이콘입니다. 나는이 할 경우 $sprite-position: 50%; @import "sprite/*.png"; 를 다

1열

1답변

매개 변수가있는 CSS 스프라이트?

나는 매개 변수처럼 보이지만, ?v=4을 ?v=1 또는 2 또는 3 또는 5으로 변경하면 어떤 피해도 나타나지 않습니다. 나는 그것을 무엇이라고 부를지조차 모른다. javascript 용입니까? 및/또는 추적 참조? 그렇다면 그것은 무엇을 목적으로합니다. 이미지가 없으면로드됩니다. 여기 는 이미지를 보여주는 것이 들어 : (크롬) 바로 위의 유래 로고를 클

5열

1답변

배경 이미지 (CSS Sprites)에 TITLE 및 ALT를 추가하는 방법은 무엇입니까?

내 프로젝트에서 많은 이미지가 있었기 때문에 CSS 스프라이트를 사용했지만 지금은 Google 검색 엔진의 이미지에 ALT과 TITLE 태그가 있어야한다고 나와 있습니다. 나는 Title & ALT을 배경으로 추가 할 수 없다는 것을 알고 있습니다. 그래서 그들은 백그라운드에서 그 이미지 위에 html로 투명한 이미지를 넣는 아이디어를 생각해 냈습니다.하지

1열

2답변

CSS - 이미지 스프라이트 : 활성이 작동하지 않습니다. ie

여기에 완벽하게 작동하는 내 코드가 있습니다. <div class="clearbutton"> <a class="Button" href="#"><span>Button text</span></a> </div> 모든 아이디어를하십시오 : 활성은 단순히이는 HTML입니다 a.Button span { background: transparent url('imag

1열

2답변

개별 이미지를 사용해야 iphone does not cache 이미지를 25kb 이상 때문에?

현재 망막 디스플레이 미디어 쿼리 용으로 스프라이트를 만들고 있는데 아이폰 4에서는 이미지가 두 배가되어 파일 크기가 상당히 증가합니다. 내가 특별히 강조하고 싶은 요소는 버튼과 메인 로고입니다. 이것들을 결합하면 스프라이트가 매우 커지므로 각 버튼을 개별적으로 저장하여 25kb 미만으로 유지해야합니까? http://www.yuiblog.com/blog/2

2열

3답변

Rails.3.1.1 : config.assets.digest = true 컴파일 된 CSS가 스프라이트의 파일 이름으로 사용됩니다.

sprite 세대를 돌보는 나침반을 사용하여 sass/compass를 사용하는 new-ish rails 3.1.1 앱이 있습니다. 나를. 개발 중에는 모든 것이 잘 작동합니다. 내가 배포 할 때 그러나 내가 로그 파일에서이 항목을 참조하십시오 # Disable Rails's static asset server (Apache or nginx will alre

0열

1답변

CSS 스프라이트로 HTTP 요청을 줄이려고하는데 이미지가 제대로 표시되지 않음

HTTP 요청 수를 줄이려면 관련된 이미지 그룹을 스프라이트로 결합했습니다. 나는 그 배후에있는 방법론을 이해하지만, 나는 그 기술이 내가 일하는 사람들에게 제대로 작동하지 못하고 도움을받을 수 없다. <div id="footer-flags"> <ul> <li class="countryName">Region: </li> <li

3열

2답변

CSS 스프라이트에 활성 상태를 적용하는 방법은 무엇입니까?

나는 작업중인 웹 사이트의 해당 국가 버전에 대한 이미지 링크로 사용할 플래그의 CSS 스프라이트를 만들었습니다. 이전에는 개별 플래그 이미지가 사용되었고 현재 방문중인 사이트의 플래그에 활성 클래스가 적용되었습니다.이 플래그는 약간 강조 표시된 테두리와 화살표로 둘러싸인 단순한 PNG였습니다 아래에. 이제는 스프라이트가 사용되는 문제가 있습니다. 어떻게