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对象。