내가 최고 바 메뉴 (즉,이 Zurb의 재단을 기반으로)이 스프라이트 이제 .top-bar {
.top-bar-section {
ul {
@import "menu-icons/*.png";
@include all-menu-icons-sprites;
}
}
}
을, 문제는이 기대했던 않지만,이다 각
나는 화살표를 제거하고 스타일링을 위해 다른 태그를 삽입하고 싶은 select 태그가 있습니다. 그러나, 삽입하고있는 화살표는 스프라이트에 있습니다. 가능한 경우 서버 요청을 최소화하기 위해이를 스프라이트에 보관하고 싶습니다. Chrome에서 예제를 살펴보고 파이어 폭스와 IE 형식의 솔루션으로 변환 할 수 있습니다. 내 시도는 JS Fiddle이며 코드는
기본적으로 div 내에서 스프라이트 섹션을 표시하고 다른 링크를 클릭하면 표시되는 스프라이트 섹션이 변경되는 div 아래에 텍스트 메뉴가 표시됩니다. 지금까지이고 다음과 같이 표시 내 스프라이트을 모두 찍었을 경우 여기 은 다음과 같습니다 INDEX <html>
<head>
<link rel="stylesheet" type="text/css" href
어느 쪽이 최선 일지 궁금합니다. 나는 호버에 반투명 빨간색 배경에 완전히 투명한 배경을 변경 일부 반투명 앵커 이미지를 가지고 : -> 고용주는 각 이미지의 붉은 배경 버전으로 나에게 제공하지만, 물론 대역폭 낭비가 될 수 있기 때문에 사용하고 싶지 않습니다. 대신에 나는 옵션 1 원하는 : 옵션 2 : 1 개 보편적 인 이미지와 호버에 배경 이미지를 전
스프라이트 이미지가 있습니다. 거기에서 하나의 아이콘 만 표시하고 싶습니다. jsf/primefaces를 사용하여 어떻게 표시 할 수 있습니까? 다음 코드를 시도했지만 전체 이미지가 표시됩니다. <p:graphicImage> <p:graphicImage value="/resources/images/image.png" styleClass="lockedImag
내가 잘못하고있는 것이 확실하지 않지만 관련 w3schools 페이지의 예제를 따라했지만 아무 소용이 없었습니다. 그래서 여기에 내가 지금까지 가지고있는 것이 있습니다 : 인덱스 페이지에는 index1.png, index2.png 등의 네 개의 이미지가 있습니다. 하나의 png (단순히 index.png)로 결합했습니다. 그것이 내 스프라이트 이미지이다.
최근에 스프라이트에 관해서 제가 최근에 물었던 또 다른 질문에 도움을 받았지만 이제는 올바르게 작동하게되었습니다. 다른 문제가 생겼습니다. 어떻게 이미지를 표시 할 수 있습니까? <div class="index1"></div>
그리고 CSS를 : 다음과 같이 나의 현재 코드는 img.index1 {
margin:auto;
width:2
스프라이트 이미지를 사용하여 마우스 오버시 배경을 변경하고 클릭합니다 (.keepImage 클래스는 클릭에 해당). 모두 작동하지만 배경 그림이 바뀌면 올바른 위치로 스크롤됩니다. 스크롤링 동작없이이 작업을 수행 할 수있는 방법이 있습니까? JS : <script>
$(document).ready(function(){
$("a.doi
그냥 일을 매우 간단한 스프라이트를 얻으려고 노력 : Example 는 내가 뭘하려고하면 "설정"및 "해제"굵게/기울임 아이콘 사이에 토글 내 스프라이트의 첫 번째 및 두 번째 행 (각각)에서. 나는 대담한가 설정 될 것으로 기대하는 것처럼 <a id="bold" class="disabled"></a>
<a id="italic"></a>
코드 (즉,