<a></a>标记的文本不会显示在定义了背景图像的Internet (7-8)中

Question

好吧，我觉得问这个问题很傻，但是我在IE7/8中使用一个样式化的锚标签，同时显示一个重复的背景图像和文本。我的代码在火狐、IE9、Chrome和Safari中工作得很好，但是在IE7/8中文本不会出现。

我的PHP输出了如下内容：

<a class="anchorLink border-radius-5 anchorButton" href="#anchorPanel2">Would you like to know more?</a>

这个元素的我的CSS如下所示：

.anchorButton {
    background-image: url("./images/button-gradient.png");
    height: 52px;
    background-repeat: repeat-x;
    background-color: transparent;
    background-position: 0 0;
    float: left;
    line-height: 52px;
    font-size: 1.4em;
    color: #fff;
    border: 3px solid #a8a8a8;
    margin-top: 10px;
    padding: 0 15px;
    z-index: 900;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    color: #fff !important;
    text-shadow: -1px -1px #707070 !important;
    display: block;
}

要了解我在说什么，你可以访问：dtelepathy.swampedpublishing.com。如果你看看火狐和IE7/8中的网站，你会发现我用锚标签制作的橙色“按钮”没有在IE中显示文本。

我愿意给任何机会，因为我真的不知道这是怎么回事。

Answer 1

我没有IE7/8测试，但这听起来像是偷窥虫上的一个变体。也许一些网络周围的变化会有所帮助。

Answer 2

在IE8 on Win7中，我可以很好地看到橙色按钮中的文本。

虽然在IE8中，边框颜色的悬停不起作用，但这是因为用于圆角效果的VML。我在VML上做了很多实验，它给元素布局带来了很多问题。

我将检查删除border-radius-5类是否修复了问题。这样你就可以看到这是否导致了你所看到的文本问题。