CSS3PIE悬停问题
我在 CSS3PIE 论坛中没有获得太多帮助 an我遇到的问题。 （是的，PIE 处于活动状态并且在页面的其他位置工作正常）
失败实际上是在两个不同的元素上：< br> 1.回复链接的弯角（右上角和左下角）
2. 注释容器的边框（全部 4 个角）
一些代码...
.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;
}
有什么想法吗？
I'm not having much luck in the CSS3PIE forum getting some help for an issue that I'm having. (yep, PIE is active and working fine elsewhere on the page)
The failure is actually on two different elements:
1. The reply link's curved corners (top right & bottom left)
2. The comment container's border (all 4 corners)
Some of the code...
<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;
}
Thoughts?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
在您的回复 CSS 中，您有：
您的 PIE 行为已被注释掉。以下应该修复它（假设没有其他干扰）：
In your reply CSS, you have:
Your PIE behavior is commented out. The following should fix it (assuming nothing else is interfering):
尝试更改：
.reply a:link, .reply a:visited { color: #878787; }
和：
.reply a:link, .reply a:visited { color: rgb(57, 57, 57) }
IE + PIE 好像对 # 字符有问题
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
我也遇到过类似的问题，并设法通过应用“position:relative”来获得一些效果，但出于某种奇怪的原因，它偶尔会起作用。我发现的另一件事是，当在样式表中使用
PIE.htc时，IE8 似乎在构建 css 定位器时出现问题，即".class1 .class2 h2"，相反，我通过将类直接归因于标签（即h2 class="xxxx"）并将类简单地编写为.xxxx来设法使一些样式起作用样式表- 希望这个描述有意义并且有用I've had similar problems and managed to get some effects working by applying
"position:relative", for some strange reason this works sporadically. Another thing I've found is that IE8 seems to have a problem with building up the css locator when usingPIE.htcwithin the style sheet i.e.".class1 .class2 h2", instead I've managed to get some styles working by attributing a class directly to a tag i.e.h2 class="xxxx"and writing the class simply as.xxxxin the style sheet - hope this description makes sense and is of use