我有一段代码,我在Firefox中不起作用.该.icon按钮时,悬停图像不会改变.它在Chrome中完美运行.
button.add-to-cart-button .button-left .icon {
display: block;
position: absolute;
left: 0;/*RW 6px; */
top: 0;/*RW 6px; */
width: 35px;/*RW 21px; */
height: 31px;/*RW 19px; */
background: url(http://client4.bostonwebco.com/skin/ideal_responsive/images/custom/add_to_cart.gif) 50% 50% no-repeat;
}
button.add-to-cart-button .button-left {
display: block;
text-indent: -5000px;
overflow: hidden;
padding-left: 0px !important;/*RW 2px */
width: 35px !important;/*RW 30px */
position: relative;
font-size: 11px;
text-align: center;
border: 0px;
height: 31px;
margin: 0px;
}
button.add-to-cart-button:hover span.button-left:hover span.icon:hover {
background: url("http://client4.bostonwebco.com/skin/ideal_responsive/images/custom/add_to_cart-over.gif") 50% 50% no-repeat !important;
display: block;
border: none;
} …