4

我正在使用 css 创建带有锚标签（下面的 css）的按钮样式，并且代码在 firefox、safari 和 chrome 中工作得很好，圆角显示得很好。但是在 ie9 中，按钮内部出现了一条奇怪的条纹。我附上了一张图片来说明我的意思，这些线条大约穿过按钮的一半。这真的很奇怪，它甚至出现在我在试图弄清楚它是否只是我时发现的教程中的按钮上。这是教程的链接：http: //pythoughts.com/pure-css-buttons/

有谁知道是什么原因造成的？线条实际上是透明的，您可以通过按钮中的线条看到中间 div 的黄色背景。我不知道如何纠正这个问题。

CSS：

.button{
    padding:1px 5px;
    background:#cbebd3;
    color:#333;
    border:1px solid #98b99e;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

我正在使用这样的风格：

<a href="some-link.php" class="button">View Details</a>

这是图像：

按钮问题

根据下面的建议，我尝试了 jsfiddle 中的代码，并得到了相同的结果。如下图所示。 jsfiddle中的问题

4

2 回答 2

0

在我的 IE9 (win 7) 中也很好用，我只能给你一个建议，你不必再为border-radius、box-shadow 和 text-shadow 添加前缀，border-radius box-shadow text-shadow (也许更多的东西）现在是所有最新浏览器的标准

于 2012-05-29T23:05:43.477 回答
-1

您需要添加display: block;，float: left;否则标签是内联的

于 2012-05-08T10:29:22.207 回答