3

我在 CSS3PIE 论坛上没有太多运气来解决我遇到的问题。(是的,PIE 处于活动状态,并且在页面的其他地方工作正常)

观察总结

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

IE8 示例

部分代码...

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

想法?

4

3 回答 3

0

Try changing:

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

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

It seems IE + PIE have problems with # character

于 2012-01-18T15:19:46.463 回答
0

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

于 2012-01-18T13:59:03.043 回答
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 */
于 2011-12-20T16:36:14.487 回答