我正在使用“可拖动”属性,但发现并非所有浏览器在拖动元素时都以相同的方式呈现该元素。具体来说,背景色有时取自父元素(例如 Chromium 33),有时使用白色(例如 Firefox 28)。
<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>
</div>
见上文 http://jsfiddle.net/pZv35/3/ .
有什么方法(最好是使用 CSS)来缓解这个问题吗?
最佳答案
更新修复。疼痛在...
希望这会对某人有所帮助。解决方案来自react-dnd
github。
将 transform: translate(0, 0);
添加到您希望作为预览拖动的节点。
CSS in JS:
transform: 'translate(0, 0)'
来自 here 的解决方案.
关于css - 带有 HTML "draggable"的圆 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22922761/