Question

我的网站顶部有一个购物车显示按钮，它应该显示购物车总额的红色价格

CSS在FF和Chrome中工作，但不在IE中。

CSS：

.cart-info {
background-image: url("/skin/frontend/default/photo/images/header/head-cart-bg.gif");
background-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;
}

Answer 1

听起来IE正在为.cart_price a应用不同的字体颜色。假设这是你的标记：

<div class="cart_price">
    <a href="">$123.45</a>
</div>

将红色添加到.cart_price a规则将修复它：

.cart_price a {
    color: #c70000;
    float: left;
    margin: 2px 0 0 8px;
}

CSS不适用于IE

1 个答案: