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); }); 

私はクロム17.0.963.56を使用しています。

編集注：これは、Firefox

に任意のアイデアを発生しませんか？

おかげ

Answer 1

使用している同じコードを特徴とチュートリアルがである：あなたがFirefoxで上記のリンクをロードする場合、あなたは例が動作しませんわかります http://www.html5rocks.com/en/tutorials/dnd/basics/

。このチュートリアルでは、Firefoxの具体的な記述と、その例がうまくいかない理由について説明します。dataTransferオブジェクトを「結びつける」必要があります。