jcrop将透明图像变为黑色

我想使用jcrop选择一个内置javascript的区域，我无法修改。 这个javascript正在干扰我认为的jcrop。 所以我试着在我要选择的东西顶部放一个透明的gif。 这阻止了干扰jcrop的东西，我选择区域很好。 然而，Jcrop正在使透明图像变黑而不是透明。

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

这是html

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

有什么方法可以解决这个问题吗？ 我不太了解css，但如果修改意味着图像的未选区域不再灰显，我就不会感到困扰 – 我只想在所选位周围有一个有界矩形。

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

Answer 1

这是因为bgColor中bgColor的默认选项设置为“黑色”。

只需在init中添加bgColor选项bgColor ，您的图像将是透明的：

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

Answer 2

这是解决方案（ 链接 ）。 我使用rgba（0,0,0,0）将图像更改为透明色的div。 如果这是您想要实现的目标，请告诉我。