jcrop şeffaf görüntüyü döndürüyor siyah

Question

Javascript'te yerleşik olarak değiştirilemeyen bir şey üzerinde bir alan seçmek için jcrop kullanmak istiyorum. Bu javascript bence jcrop ile karışıyor. Bu yüzden seçmek istediğim şeyin üstüne şeffaf bir GIF koymaya çalıştım. Bu, jcrop ile karışan şeyin altında durdu ve alanları iyi seçtim. Ancak Jcrop, şeffaf görüntüyü saydam değil, siyahlaştırıyor. İşte

Bu html

  <img id="cropbox" src="http://deepliquid.com/projects/Jcrop/demos/demo_files/sago.jpg" style="position: absolute; left: 0px: right: 0px;" /> 
<img id="transparent" src="http://www.golivetutor.com/download/spacer.gif" style="width: 100px; height: 100px;position: absolute; left: 0px: right: 0px;"/> 

Bu sadece jcrop bağlı şeffaf bir resim gösterir ve siyah olur nasıl bir jsfiddle http://jsfiddle.net/andieje/rvTmX/

olduğunu.

Bu konuda çalışabileceğim bir yol var mı? Çok fazla css bilmiyorum ama modifcation görüntünün seçilmemiş alanının artık grileşmediği anlamına gelmiyorsa rahatsız değilim - sadece seçilen bitin etrafındaki sınırlanmış dikdörtgeni istiyorum. Eğer burada

Answer 1

.

Sadece bir şey olmak için init bgColor seçeneğini eklemek ve görüntü şeffaf olacaktır:

$('#transparent').Jcrop({ 
    onChange: showCoords, 
    bgColor: '' 
},function(){ 
    jcrop_api = this; 
}); 

Answer 2

verebilir herhangi bir yardım için çok

sayesinde çözeltisi (link) 'dir. Rgba (0,0,0,0) kullanarak görüntüyü saydam renkte bir div olarak değiştirdim. Başaramaya çalıştığın şey buysa, bana haber ver. jCrop içinde bgColor için varsayılan seçenek 'siyah' olarak ayarlanırsa nedeni

<div id="transparent" style="width: 100px; height: 100px;position: absolute; left: 0px: right: 0px; background: rgba(0,0,0,0);"/>