2013-09-04 7 views
0

가장 쉽고 간단한 방법은 웹 사이트로 사용되는 jpg 이미지에서 (3) 클릭 가능한 다른 영역을 만드는 것이 었는지 궁금합니다. 그렇지 않으면 내가 찾은 때문에, 나는 다음과 같은 코드를 사용하고있어, 동적으로 창 크기 변경 (CSS)동적 이미지의 web_Clickable 영역

background: url('backgroundIMG.jpg') no-repeat center center fixed; 
       -webkit-background-size: cover; 
       -moz-background-size: cover; 
       -o-background-size: cover; 
       background-size: cover; 

그래서 나는/재배치 이동 따라 클릭 가능한 영역을 이동 할 수있는 솔루션을 필요에 크기를 만들려면 Edge Animate를 사용하여 클릭 할 수있는 영역을 만드는 쉬운 방법이지만 정적 배경에만 사용할 수 있습니다. 감사합니다.

답변

1

필자는 필요에 따라 높이와 너비가 3divs이지만 내용이 없습니다. 그럼 내가 원하는대로 할 수있게 해줄거야.

높이와 너비가 'px'가 아니라 '%'가되도록 추가하는 것이 중요합니다. 그러면 배경 이미지에 따라 움직입니다.

+0

답장을 보내 주셔서 감사합니다. =) div의 위치와 관련하여 마지막으로 한 가지 질문이 있습니다. 절대 위치를 추천 하시겠습니까? 아니면이 경우 큰 차이가 없습니까? –

+0

네, 절대 위치 지정을 사용하여 그들이 필요한 정확한 지점에 있는지 확인하십시오. 늦게 회신 해 주셔서 죄송합니다. 지금까지는 사용할 수 없었습니다. – OriShuss

+0

걱정없이, 나는 이미 링크 중 하나에서 다른 기술적 결함을 해결하는 것으로 바빴다. 여기에 문제의 페이지가 홈페이지로 제공 될 것이다. –