html5 drag and drop перетащите что-нибудь непрозрачное

Question

Я использую html5 drag and drop для перетаскивания элементов 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.