자바 스크립트 불투명도 문제

Question

절대 위치 지정을 사용하여 이미지 앞에 불투명도 0.5의 div을 더 높은 z-index으로 지정했습니다. 또한 절대 위치 지정을 사용하여 더 작은 div을 먼저 div의 앞에 넣고 더 높은 z-index을 사용합니다. 이 작은 div은 이미지와 같이 (창처럼) 표시되지만 불투명도는 없습니다. 결국, 나는 더 작은 이미지를 드래그 가능하게 만들 것이다.

내가 고민하고있는 부분은 메인 div에 0.5 불투명도가있는 한 작은 불투명도는 동일한 불투명도로 그림을 표시한다는 것입니다. 어떻게 이것을 극복 할 수 있습니까?

Answer 1

불투명도를 지우면 여기에 도움이되지 않는 경우에, 당신은 절대 위치

를 사용하여 주요 사업부 위에 배치보다는 작은 DIV에게 DOM 계층 구조에서 주요 사업부 외부 을 배치해야합니다

Answer 2

답변을 얻은 것처럼 들리지만 어쨌든 구현 예에 관심이있을 수 있습니다.

불투명도가 0.5 인 div는 불투명도가 0.5 인 div 일 수 없습니다. 0.5 불투명도를 가진 적어도 4 div가되어야하지만, 아마도 8로 가장 유연 할 것입니다. 그들은 중심 타일이없는 3x3 격자에 8 개의 타일을 함께 구성 할 것입니다. 그들은 각각 0.5 불투명도를 가지며 가운데 타일은 존재하지 않으므로 완전히 불투명합니다. 그런 다음 중간에있는 음수 공간의 치수로 자유롭게 재생할 수 있으며 일치시킬 다양한 타일의 크기를 조정합니다.

중앙 영역을 드래그 가능하게하려면 0 개의 불투명도와 드래그 핸들러가있는 9 번째 div가됩니다.

희망이 있습니다. imgAreaSelect 플러그인은 4 개의 타일을 사용하는 것으로 보입니다. 왼쪽 및 오른쪽 맨 타일이 전체 수직 영역을 차지합니다. 즉, 각 타일은 3x3 격자에서 3 개의 공간을 차지합니다.