CSS not working for IE [closed]
I have a shopping cart display button on the top of my site and its supposed to show a red price for the total in your cart
the CSS works in FF and in chrome, but not in IE.
CSS:
.cart-info {
background-image: url("/skin/frontend/default/photo/images/header/head-cart-bg.gif");
backgroun开发者_如何转开发d-position: left center;
background-repeat: no-repeat;
color: #264796;
height: 38px;
padding: 19px 0 0 50px;
width: 150px;
font-weight: bold;
}
.cart_price {
color: #c70000;
font-weight: bold;
float: left;
font: 14px Arial,Helvetica,sans-serif;
left: 114px;
position: absolute;
top: 57px;
width: auto;
}
.cart_price a {
float: left;
margin: 2px 0 0 8px;
}
Sounds like IE is applying a different font color for .cart_price a
. Assuming this is your markup:
<div class="cart_price">
<a href="">$123.45</a>
</div>
Adding the red color to the .cart_price a
rule will fix it:
.cart_price a {
color: #c70000;
float: left;
margin: 2px 0 0 8px;
}
精彩评论