我在 CSS3PIE 论坛上没有太多运气来解决我遇到的问题。(是的,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;
}
想法?