css-sprites

0열

1답변

div 요소의 오른쪽 위 모서리에서 X와 Y에 위치한 스프라이트 이미지의 일부를 표시하려고합니다. 어떻게해야합니까? 예를 들어 background: url("the path") no-repeat 0 0을 사용하면 div 요소의 오른쪽 상단에 전체 스프라이트 이미지가 표시됩니다. 그래서 실제로 두 좌표를 지정해야합니다. 하나는 스프라이트 이미지에, 다른 하나

3열

1답변

CSS로 배경 이미지 자르기 및 타일링

CSS 스프라이트 이미지 footer1.png이 있습니다. CSS를 사용하여 이미지의 한 부분을 자른 다음 이미지를 내 .headimg3 요소의 배경으로 바둑판 식으로 배열하고 싶습니다. 이 작업을 수행하려면 clip 및 background 속성을 사용하려고하지만 이미지는 잘리지 않습니다. .headimg3 { background: url(foot

0열

1답변

DIV 위치 지정 문제

page에 가라데 이미지를 추가하면 로고에서 일부 덩어리가 잘립니다. 내가 z-index과 음수 여백을 사용해 보았지만 문제를 해결하지 못했습니다. 나는 로고 가라데 이미지의 꼭대기에 머무를거야. CSS의는 다음과 같습니다 #rack #header #logo { float: left; height: auto; width: aut

0열

1답변

CSS-sprite (임의의 위치)를 통한 Pseudo-Random 이미지

내 HTML의 헤더 이미지를 무작위로 만들고 싶습니다. 나는 this PHP 파일을 사용하여 이것을 수행했지만, 나는 다른 것을하고 싶다. 임의의 이미지를 하나의 스프라이트의 일부로 만들고 싶습니다. 그렇게하면 이미지가 동시에로드 될 수 있으며 사용자는 다른 페이지로 이동할 때 이미지를 볼 필요가 없습니다. 랜덤 요소를 선택하고 싶습니다. 즉,이 그림을 5

1열

1답변

css 스프라이트 활성 상태가 계속 브라우저에 표시됨 뒤로 버튼

탐색 표시 줄에 CSS 스프라이트를 사용하려고합니다. 많은 인터넷 조사가 끝나면 나는 '가장 단순한'방법을 결정했다고 생각합니다. 브라우저의 뒤로 버튼을 클릭 할 때를 제외하고 모두 제대로 작동하는 것으로 보입니다. IE (8.0.6001.18701)에서는 활성 상태가 '멈춤'(버튼이 눌러 진 것처럼 보입니다)입니다. Firefox (14.0.1)에서 Ho

1열

1답변

최적의 스프라이트 시트 알고리즘

스프라이트 시트에 대해 알아 챘던 점 중 하나는 파일 크기가 완전히 일정하지 않다는 것입니다. 개별 이미지가있을 때 파일이 제대로 압축되었다고 가정하면 파일 크기가 변경되지 않습니다. 그러나 스프라이트 시트를 사용하면 이미지의 파일 크기가 이미지 정렬 방식에 따라 크게 달라질 수 있습니다. 예를 들어 , 나는이 spritesheet 생성 : Sheet ht

3열

1답변

Sprited 이미지를 자산 파이프 라인 밖으로 가져와야합니까?

우리는 Compass to Sprite 이미지 (많은 이미지를 단일 파일로 결합)를 사용합니다. images/common/dir에 대한 Sprite를 만들면 compass는 common-sff832da50b.png라는 파일을 만듭니다. 나침반은 Sprite를 다시 생성 할 때마다 새 접미어를 생성합니다. I 앱/자산/이미지에이 스프라이트 이미지를 떠날 경우

0열

1답변

속성 표시를 CSS 선언에 할당 한 경우에만 스프라이트 이미지가 나타 납니까? 나는 재산 <code>display</code>을 포함 <code>block</code>로 설정 한 경우에만 나타납니다 그러나

는 다음 코드 a.rollover { background-image: url('sprite.jpg'); display: block; width: 191px; height: 143px; } 있습니다. 제거하면 제거되지 않습니다. 왜 그런가요?

0열

2답변

CSS 스프라이트 위치

나는 hover에서 색상을 변경할 플러스를 사용하고자하는 링크가 있습니다. 그러나 지난 시간에 나는 spites이 트릭을 수행하는 방법을 알아낼 질수. 여기 특별한 링크, 아무것도 <a href="detailed.html" class="plus">Find Out More!</a> 내 CSS 코드 .block a.plus { background:

1열

1답변

클릭 후 모바일 장치 및 태블릿에서 CSS 스프 라이트가 사라짐

PC에서 정상적으로 작동하지만 모바일 장치 및 태블릿에 문제가있는 스프라이트 내비게이션으로 멋진 joomla 웹 사이트를 만들었습니다. 링크를 누르면 "배경"이미지가 사라집니다 ... 어떻게 해결할 수 있습니까? 이 내 CSS의 예입니다 http://www.kartika.eu/index.php?option=com_content&view=category&la