未在IE 8/10中显示的CSS按钮

目前我已经为一些客户页面创建了一些纯CSS按钮。它们在除IE8/10之外的所有浏览器中都显示良好。但是，如果css作为内联样式应用，或者如果我打开兼容模式（默认情况下关闭），它们确实会显示样式（大部分）

以下是网页：

#btn-a-1、#btn-a-3、#btn-a-5、#btn-a-7、#btn-a-9、#btn-a-11{
大纲：无！重要；
光标：指针！重要；
文字装饰：无！重要；
文本阴影：0 1px 1px rgba（0,0,0,3）！重要；
-webkit边界半径：.5em！重要；
-moz边界半径：.5em！重要；
边界半径：.5em！重要；
-webkit盒阴影：0 1px2pRGBA（0,0,0,2！重要）；
-莫兹盒阴影：0 1px2pRGBA（0,0,0,2）！重要；
盒影：0 1px2pRGBA（0,0,0,2）！重要；
颜色：#FFF！重要；
边框：实心1px#F61208！重要；
背景：#F61205！重要；
背景色：#F61205！重要；
背景：-webkit渐变（线性、左上、左下、从（#F61205）到（#9F0601））！重要；
背景：-莫兹线性梯度（顶部，#F61205，#9F0601）！重要；
背景图像：-ms线性梯度（顶部，#F61205 0%，#9F0601 100%）！重要；
背景图像：线性渐变（右下角，#F61205 0%，#9F0601 100%）！重要；
身高：1%！重要；
宽度：230px！重要；
颜色：#FFF！重要；
溢出：隐藏！重要；
显示：块！重要；
}

---

谢谢你的帮助

我可以理解为什么它们不能在IE8中工作的很多原因。你不应该在锚点中包含块级元素，比如

div

s。我会尝试将

btn-2

换成

。哦，并且尽量避免使用

！重要信息

。这表明你的CSS代码写得不好。我必须说，这是一个很大的背景，请加载我…还有它的

！重要提示

，您不应使用

！重要信息

#btn-a-1, #btn-a-3, #btn-a-5, #btn-a-7, #btn-a-9, #btn-a-11 {
    outline: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.3) !important;
    -webkit-border-radius: .5em !important; 
    -moz-border-radius: .5em !important;
    border-radius: .5em !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2 !important);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
    color: #FFF !important;
    border: solid 1px #F61208 !important;
    background: #F61205 !important;
    background-color: #F61205 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#F61205), to(#9F0601)) !important;
    background: -moz-linear-gradient(top,  #F61205,  #9F0601) !important;
    background-image: -ms-linear-gradient(top, #F61205 0%, #9F0601 100%) !important;
    background-image: linear-gradient(to bottom right, #F61205 0%, #9F0601 100%) !important;
    height: 1% !important;
    width: 230px !important;
    color: #FFF !important;
    overflow: hidden !important;
    display: block !important;
}
<div class="btn btn-1"><a href="/nycpbawatches.aspx">
<div class="btn-text btn-2">

NYC PBA Mens<br />Chronograph Watch<br />(CLICK HERE)

</div>
</a>
</div>