는 CSS 스프라이트와 투명 픽셀

와 반복-X의 배경 위치를 사용

#submenu-outer{ 
    height:40px; 
    background: #F0EFE2 url(/template/img/main/intro12.png) 0px -240px repeat-x; 
    width:100%; 
}

그 코드는 아무 의미 ... 정확히 제목의 말씀 부탁 해요; 어떤 제안? 이 줄의 첫 번째 열을 반복하고 싶습니다. 그 밖의 모든 행 (40px)은 null입니다 (0px -240px)

2011-11-21 Chris P

안녕하세요, jsfiddle을 만들어서 성취하려는 것을 볼 수 있습니까? 환호 –

나는이 질문이 의미가 있는지 모르겠습니다. 당신이 달성하려고하는 이미지를 포함시킬 수 있습니까? '그 코드는 의미가 없습니다. '라고 말할 때 - 정확히 무엇을 의미합니까? 당신은 그것이 무엇을하고 있는지 이해하지 못합니까? –

일부 코드를 게시하고 "이해가되지 않는다"고 말씀하셨습니다. 그럼 왜 게시 했습니까? 그것은 무엇입니까? 너는 그것으로 무엇을 원합니까? 작동하지 않는 해결책보다는 문제를 설명하십시오. – jalf

repeat-x을 배경 위치로 사용하면 이미지 파일의 전체 너비가 반복됩니다. 따라서 스프라이트에 40px 이후 투명 픽셀이있는 경우 40px마다 투명 배경을 얻는 것이 일반적입니다.

반복 패턴을 전체 스프라이트 폭으로 만들거나 별도의 파일에 넣을 수 있습니다.

2011-11-21 23:36:13 Leo

답변