我正在尝试css一个运行woocommerce的网站，我想使用图片来取代销售徽章。我目前的CSS
.product .onsale {
content: url(https://..../uploads/2017/01/badge-cookie-month.gif) !important;
margin-right: 0;
border-radius:0;
top: 0;
left: 0;
padding:0;
max-width:30%;
}
适用于除Firefox之外的所有内容。任何使这项工作的方式