使用CSS和Uploadify的hideButton发生奇怪的故障

Question

我正在尝试使用发布的here解决方案更改Uploadify按钮的外观。我不想改变Flash文件，而是想用CSS做。

这涉及将文件输入和flash对象包装在div中：

<div class="uploadWrapper">
   // File upload
   // Flash object
</div>

并使用以下Uploadify设置：

...
wmode      : 'transparent',
hideButton : true,
...

使用以下CSS：

.uploadWrapper {
   background: url(../path/to/new/image.png) 0 0 no-repeat;
}

但输出是这样的：

它在我的背景图像顶部显示了一个奇怪的蓝色矩形。有谁知道为什么会出现这种情况？我试图摆弄对象的CSS属性（可见性和隐藏） - 两者都隐藏了整个swf对象（以及蓝色矩形），这是无用的，因为它需要可见才能让用户点击。

Click here for a jsFiddle

Answer 1

我在最初提供的问题上发布了我的解决方案：

Uploadify button: Style with CSS?

它应该适用于您的问题。