2011-07-26 5 views
3

외부 div의 배경 이미지를 배치하고 싶습니다. 같은 것을 backgroundPosition: -100px 0px. 내 문제는 그것이 마치 div 오버 플로우 속성 = 숨김과 같은 역할을한다는 것입니다. http://screencast.com/t/3zo0hp8A3div 외부 배경 가져 오기

+0

'DIV'밖의 요소에 배경을 설정할 수 있습니까? 나는 당신의'DIV'를 포함하고있는 요소를 의미합니다. –

+1

배경은 목적이있는 배경이라고합니다 – bogatyrjov

답변

2

오케이, 당신이 생각하고있는 방식 .. 어떤 브라우저에서도 불가능합니다! http://jsfiddle.net/hobobne/bFBfh/3/

마지막 솔루션의 사양에 따라, 이동하는 올바른 방법입니다 : http://jsfiddle.net/hobobne/bFBfh/

이 무엇 커트가 언급 된 것은 :

는 당신에게 작은 예를했다. 당신이 당신의 높은 목표에 대해 더 많이 설명한다면 아마 우리는 더 나은 해결책을 찾을 수있을 것입니다.

+0

예, 이것이 제가 적용한 해결책입니다. 높은 목표는보기의 왼쪽에 "재생 목록"이있는 이미지 회전기를 만드는 것입니다. 항목을 선택하면 재생 목록의 항목 배경을 기본 이미지 위에 표시하려고합니다. 여기에 내가 만든 것의 스크린 샷이 있습니다. http://screencast.com/t/bnjRTWWq – gabitzish

+0

당신은 무엇을 알고 있습니다 ... 나는 두 div가 바이올린에서와 같이 만들 것입니다. 저는 항상 래퍼 컨테이너를 코끼리에 겹쳐 놓았습니다. 몇 가지 연구를한다면 멋진 jQuery 애니메이션 스크립트를 찾을 수도 있습니다. 그것은 기타를 부드럽게 움직일 것입니다.) ** 참고 : ** 아마도 두 개의 다른 기타 그림을 사용하고 싶을 것입니다. 불투명도 변수는이 경우 작동하지 않습니다. –

+0

이 제품은 완전히 사용자 정의가 가능해야하므로 항목을 선택하면 hover 및 click에서 배경 이미지를 변경하거나 이동할 수 있습니다. 조언 해 주셔서 감사합니다! – gabitzish

1

당신은 배경으로,하지만 당신은 부정적인 leftposition:relative 또는 absolute있는 HTML 이미지를 사용할 수있는 수행 할 수 없습니다

는 내가 필요의 스크래치를했습니다.

+0

고마워요! 이 문제에 대한 다른 해결책을 찾으려고 노력할 것입니다. – gabitzish

3

나는 이것이 가능하다고 생각하지 않으며 여러 브라우저에서 작업하기가 어려울 것입니다.

나는 최상의 옵션이 다른 div 안에 'Div2'를 넣는 것이고 배경은 그걸로 설정한다고 생각한다.

+0

답변 해 주셔서 감사합니다! – gabitzish