드래그 앤 드롭용 CSS 커서: 호환성 확장
드래그 앤 드롭 기능이 포함된 웹 애플리케이션을 디자인할 때 다음을 제공하는 것이 중요합니다. 다양한 브라우저에서 일관되고 직관적인 사용자 경험을 제공합니다. Mozilla의 -moz-grab 및 -moz-grabbing 커서는 Firefox에서 드래그 시작 및 드래그 작업을 나타내는 데 이상적이지만 질문은 여전히 남아 있습니다. 다른 브라우저에도 동등한 커서가 있습니까?
크로스 브라우저를 보장하려면 호환성을 보장하려면 다음 CSS 코드 사용을 고려하세요.
<code class="css">.grabbable { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } /* (Optional) Apply a "closed-hand" cursor during drag operation. */ .grabbable:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; }</code>
이 코드에서 브라우저는 잡기 커서가 지원되지 않을 때 대체 수단으로 가장 널리 지원되는 커서('이동')를 적용합니다. -moz-grab 및 -webkit-grab 커서는 각각 Mozilla 및 WebKit 기반 브라우저(예: Chrome 및 Safari)와의 호환성을 위해 포함되었습니다.
위 내용은 드래그 앤 드롭 기능을 위한 `-moz-grab` 및 `-moz-grabbing` 커서에 해당하는 크로스 브라우저가 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!