"draggable"HTML이있는 둥근 모서리

"draggable"속성을 사용하고 있으며 모든 브라우저가 드래그하는 동안 요소를 같은 방식으로 렌더링하지는 않습니다. 특히, 배경 색상은 종종 상위 요소 (예 : Chromium 33)에서 가져온 것이므로 때때로 흰색을 사용합니다 (예 : Firefox 28). "draggable"HTML이있는 둥근 모서리

<div style="background-color: #79a; padding: 4px;"> 
<div style="border-radius: 12px; padding: 12px; background-color: #ead;" 
    draggable='true' 
    ondragstart="event.dataTransfer.setData('text/plain', 'This text may be dragged')"> 
    <p>Some content here that should have clean rounded corners while being dragged</p> 
</div>

는

http://jsfiddle.net/pZv35/3/에 위의 내용을 참조하십시오.

이 문제를 완화하기 위해 CSS를 사용하는 것이 좋습니다.

출처

2014-04-07 Thomas

당신은 질문을 게시하기 전에 작업 귀하의 예를 얻어야한다. jQuery UI가 바이올린에로드되지 않아 문제가 표시되지 않습니다. –

@matthew :'draggable' 속성은 jQueryUI 속성이 아니지만 HTML5 사양의 일부입니다. 브라우저를 지원하는 브라우저는 기본적으로 거의 모든 요소를 끌 수 있습니다. jQuery는 전혀 필요하지 않습니다. 바이올린이 작동합니다. –

내 실수. HTML5를 사용하여 드래그하는 동안 요소 스타일을 지정할 수 있다고는 생각하지 않습니다. –

여기에서 입증 된 바와 같이 position: relative;.inner에 대한 수정 사항이 추가 : http://jsfiddle.net/pZv35/4/

출처

2014-04-07 20:57:37 goldins

잘 작동합니다. 하지만 왜? – Thomas

웹킷 버그라고 생각합니다. draggable 요소의 테두리가 예상대로 작동하지 않는다고 언급 한 비슷한 버그 (https://bugs.webkit.org/show_bug.cgi?id=108079)가 약 1 년 전에 제출되었습니다. – goldins

이 더 이상 작동하지 않습니다. – igor

"draggable"HTML이있는 둥근 모서리

답변

관련 문제