图像以黑色显示-CSS

Question

I have an image that sometimes displays normally, but others times it just shows up black:

The HTML:

 <button class="myImage">
    <?php echo _('My image') ?>
 </button>

The CSS:

.myImage { 
    background: url("../img/myImage.png") no-repeat;
}

I think the trouble comes from the background assigned to a button tag. But I cant change the button tag so how can I circumvent that?

Answer 1

为什么不为您使用的所有按钮设置默认背景，这样如果图像出现故障，也不会闪烁黑色？

button { background: transparent; } /* Or some solid color that's not black */