Απολυμάνσεις Αθήνα

스프라이트 예제

150 150 trap

Tonttu는 실제로 아주 잘 작동했습니다. 하지만, 나는 Spriteme 계정에 CSS를 꽤 많이 더 많이 고려한다고 생각하여 두 가지의 더 나은 옵션을 만듭니다. 당신의 주제 주셔서 감사합니다, 그것은 CSS 스프라이트와 함께 작동하는 데 도움이! 여기에 내 유선 상황이다 : 나는 내 사이트에 대한 CSS 배경 이미지 (실제로 66 이미지!)의 큰 숫자를 사용합니다. 이러한 이미지의 좋은 %는 상자 데모에 사용되며, 상자의 왼쪽 상단 및 왼쪽 하단 모서리에 css 스프라이트 트릭을 사용할 수 있지만 오른쪽 상단, 오른쪽 하단 및 중간 (반복이 있어야합니다)에서 사용할 수있는 방법이 없는 것 같습니다. 내가 착각하고이 목표를 달성하기 위해 어떤 방법이 있습니까? 이 트릭을 사용할 방법이 없다면 이미지 수를 줄이려는 제안은 무엇입니까? 나는 내 메일에 어떤 ans / 제안을 보내 매우 감사하게 될 것입니다 : pashaie-at-gmail-dot-com 😉 사전에 감사 CSS 스프라이트는 스프라이트 시트 또는 타일 세트라는 하나의 이미지로 여러 이미지를 결합하는 성능 최적화 기술이다. Sprites는 웹 페이지를 렌더링하는 데 필요한 다운로드 수를 줄여 네트워크 혼잡을 줄입니다. 이 튜토리얼을 염두에 두고 CSS 연구소에 은퇴하고 실험을 시작했습니다. 나는 보우먼 교수의 “슬라이딩 도어”기술에서 액세스 성 측면의 몇 가지를 가지고 “CSS 스프라이트”와 교차 사육. 그런 다음 다양한 주요 브라우저에서 테스트를 시작했습니다 . 마지막 생각의 몇 가지.

우리의 새로운 CSS 스프라이트 방법은 대부분의 최신 브라우저에서 잘 테스트합니다. 주목할 만한 예외는 Opera 6, 링크 호버 상태에 배경 이미지를 적용 하지 않습니다. 왜, 우리는 확실하지 않다, 그러나 그것은 우리의 호버가 작동하지 않는 것을 의미한다. 링크는 여전히, 그리고 제대로 레이블이 된 경우, 그물 결과 정적 될 것입니다., 하지만 오페라에서 사용할 수 있는 이미지 맵 6. 우리는 그와 함께 살고 자, 특히 지금 오페라 7 잠시 동안 주변 되었습니다. 아마도 그들은 데이브가 그의 예에 목록 텍스트를 넣지 않았기 때문에 저하되는 것처럼 보이지 않을까요? 텍스트가 있는 경우 정렬되지 않은 미세 목록이 표시되거나 적어도 할 수 있어야 합니다. 한 가지 옵션은 어느 쪽도 아닙니다. 그리드에 컴팩트하여 가장 작은 크기를 치수로 만듭니다. 이미지의 치수 크기는 사용할 때 이미지가 차지할 메모리의 양에 중요한 역할을 하므로 더 적은 양을 차지합니다. 당신은 당신의 자신의 스프라이트를 배치 결국 경우, 스프라이트 소는 CSS 생성 부분에 도움이되는 좋은 도구입니다.

  • 0