2012-03-06 43 views
1

我使用html5拖放來拖放div元素。在dragstart事件中,我將div元素的不透明度設置爲0.4,這樣可以減少div元素的亮度,但它不透明,即。當我將div元素拖到其他div元素上時,我看不到背景中的元素。html5拖放任何不透明的東西

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

任何想法發生?

感謝

回答

-1

有一個教程,功能,您使用同一代碼:如果您加載上面Firefox中的鏈接 http://www.html5rocks.com/en/tutorials/dnd/basics/

,你會發現例子不工作。本教程具體介紹了Firefox以及爲什麼這些示例不起作用 - 您需要「連線」dataTransfer對象。

+0

我想你誤解了我的問題。拖放功能在Chrome和Firefox中都可以正常工作。我的問題是拖動元素時透明度問題。謝謝 – Hamish 2012-03-06 22:19:21