jquery - jcrop将透明图像变黑

我想使用jcrop在无法修改的内置javascript内容中选择一个区域。我认为此javascript干扰了jcrop。因此我尝试将透明gif放在我要选择的内容上方。这阻止了干扰jcrop的事物，我可以选择良好的区域。但是，Jcrop正在使透明图像变黑，而不是透明。

这是一个jsfiddle
http://jsfiddle.net/andieje/rvTmX/

这是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;"/>

这只是显示链接到jcrop的透明图像以及它如何变黑。

有什么办法可以解决这个问题？我不太了解css，但是如果修改意味着图像的未选中区域不再变灰，我就不会感到烦恼-我只想要选中位周围的矩形框。

非常感谢您可以提供的任何帮助

最佳答案

这是因为jCrop中bgColor的默认选项设置为'black'。

只需在您的init中添加bgColor的选项为空，您的图像就会透明:

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

关于jquery - jcrop将透明图像变黑，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18319594/