CSS3PIE悬停问题

时间:2011-04-19 22:26:25

标签: internet-explorer internet-explorer-8 css3 css3pie

我在CSS3PIE论坛上没有太多运气,我正在为an issue获得一些帮助。 (是的,PIE是活跃的,并在页面的其他地方正常工作)

Observation Summary

失败实际上是两个不同的因素:
1.回复链接的弯角(右上角和左下角)
2.评论容器的边框(所有4个角)

IE8 Example

部分代码......

<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;
}

思想?

3 个答案:

答案 0 :(得分:0)

在你的回复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 */

答案 1 :(得分:0)

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

答案 2 :(得分:0)

尝试更改:

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

使用: .reply a:link,.reply a:visited {color:rgb(57,57,57)}

似乎IE + PIE在#character

方面存在问题