CSS3PIE悬停问题

Question

(是的，PIE是活动的，并且在页面上的其他地方工作正常)

​

​

失败实际上是由两个不同的元素造成的：

1. 回复链接的弧形边角(右上角和左下角)
2. 评论容器的边框(全部4个边角)

​

​

一些代码..。

<p class="reply"><a href="#">+ reply to this comment</a></p>

.reply {
  margin: -1px 0 -1px -1px;
  padding: 0;
  font-size: 11px;
  line-height: 14px;
  color: #333;
}
.reply a:link {
  display: inline-block;
  padding: 3px 6px 3px 5px;
  -webkit-border-radius: 0 5px 0 5px;
  -moz-border-radius: 0 5px 0 5px;
  border-radius: 0 5px 0 5px;

  /* behavior: url(PIE.htc);  IE WON'T APPLY BEHAVIORS IN A HOVER SELECTOR? PLACING IT HERE ALSO GIVES Z-INDEX ISSUES */
}
.reply a:link, .reply a:visited  { color: #878787; }
.reply a:hover {
  padding: 2px 5px 2px 4px;
  color: #EEE;
  background-color: #666;
  border: 1px solid #666;
}

有什么想法？

Answer 1

在您的回复CSS中，您有：

  /* behavior: url(PIE.htc);  IE WON'T APPLY BEHAVIORS IN A HOVER SELECTOR? PLACING IT HERE ALSO GIVES Z-INDEX ISSUES */

您的饼图行为将被注释掉。下面的代码应该可以解决这个问题(假设没有其他干扰)：

  behavior: url(PIE.htc);  /* IE WON'T APPLY BEHAVIORS IN A HOVER SELECTOR? PLACING IT HERE ALSO GIVES Z-INDEX ISSUES */

Answer 2

我也遇到过类似的问题，并设法通过应用"position:relative"获得了一些效果，出于某种奇怪的原因，它偶尔会起作用。我发现的另一件事是，当在样式表中使用PIE.htc (即".class1 .class2 h2" )时，IE8似乎在构建css定位器时遇到了问题，相反，我设法通过将一个类直接归属于一个标记(即h2 class="xxxx" )并在样式表中将该类简单地编写为.xxxx来实现一些样式-希望这个描述有意义并且有用

Answer 3

尝试更改：

颜色a:链接，颜色a:已访问{ .reply：#878787；}

使用：.reply a:链接，颜色a:已访问{ .reply : rgb(57，57，57) }

IE + PIE似乎在# character方面有问题