CSS3PIE 悬停问题答案

【问题标题】：CSS3PIE Hover ProblemCSS3PIE 悬停问题
【发布时间】：2011-08-09 01:42:46
【问题描述】：

我在 CSS3PIE 论坛上获得的 an issue 的帮助并不好。（是的，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;
}

想法？

【问题讨论】：

建议，就是说我喜欢做的事——让浏览器
（叹气）——我知道，我知道。好政策。唉，对我来说，IE9 上的当前访问者与 IE6 的访问者百分比大致相同。 :\
我感受到你的痛苦。不能总是选择我们自己的战斗，是吗？
这些都不是那么糟糕。你真的需要在每个过时的浏览器上都做到完美像素吗？你为此付出了多少努力？有多少用户会从中获得更好的体验？我通常为较新的浏览器编写代码，让旧浏览器降级。我喜欢认为我正在用 ie8- 用方角惩罚用户。 smashingmagazine.com/2011/05/03/…
好吧，我一直在像 pshyco 一样工作，制作圆角、阴影和其他可以在所有浏览器上工作的东西。比一天我意识到！仅仅为一个甚至不知道如何或懒得升级浏览器的人付出这么多的努力只会浪费大量的时间。所以我决定不帮助他们的懒惰，而是努力创造新的东西。如果你真的想在一个网站上好好看看它并没有真正带有圆角或阴影。它的简单！我看到你做对了！所以让它在浏览器上更加清晰

标签： internet-explorer internet-explorer-8 css css3pie

【解决方案1】：

在您的回复 CSS 中，您有：

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

您的 PIE 行为已被注释掉。以下应该解决它（假设没有其他干扰）：

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

【讨论】：

我认为，只要 OP 投入了所有时间和精力，他就会意识到这一点。它可能已被注释掉，因为它不起作用。
@Madmartigan - 他投入的所有时间和精力正是他确实错过它的原因（众所周知，如果你写了一些东西，你的大脑会记录应该是什么，而不是真正的是，这就是存在校对者和编辑器的原因），特别是因为这条线对于使 IE8 具有类似 CSS3 的特性至关重要行为。

【解决方案2】：

尝试改变：

.reply a:link, .reply a:visited { color: #878787; }

与： .reply a:link, .reply a:visited { color: rgb(57, 57, 57) }

IE + PIE 的#字符好像有问题

【讨论】：

【解决方案3】：

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

【讨论】：