html5 拖放 拖放 不透明度

Question

我正在使用html5拖放来拖放div元素。在 dragstart 事件中，我将 div 元素的不透明度设置为 0.4，这降低了 div 元素的亮度，但它不透明，即。当我将 div 元素拖到其他 div 元素上时，我看不到背景中的元素。

var cols = document.querySelectorAll('.draggablediv');
[].forEach.call(cols, function(col) {  
col.addEventListener('dragstart', function (e) {this.style.opacity =
'0.4'; return true;}, false); });

我正在使用 chrome 17.0.963.56。

编辑说明：这在 Firefox 中不会发生

有什么想法吗？

谢谢

Answer 1

有一个教程包含您在以下位置使用的相同代码： http://www.html5rocks.com/en/tutorials/dnd/basics/

如果您在 Firefox 中加载上述链接，您会发现这些示例不起作用。本教程特别提到了 Firefox 以及为什么这些示例不起作用 - 您需要“连接” dataTransfer 对象。