CSS3 Pie边框消失了

Posted

技术标签:

【中文标题】CSS3 Pie边框消失了【英文标题】:CSS3 Pie border disappeared 【发布时间】:2011-11-13 04:50:58 【问题描述】:

我正在尝试在我的 asp.net mvc 3.0 应用程序中使用 CSS3Pie 但在 IE 9 版本的情人中,边框完全消失了。 这是我的css

.box

    margin:auto;
    display:table;
    text-align:center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #86b0ca;
    margin:10px 0 10px 0;
    behavior: url("/Scripts/htc/PIE.htc"); /*if i remove that the border not disappeared but square in old IE versions*/

【问题讨论】:

【参考方案1】:

在此框中添加position:relative,然后去阅读文档!

http://css3pie.com/documentation/known-issues/ 有一个部分解释了为什么需要这样做,我不确定为什么它不在入门指南中。

【讨论】:

我读过 css3pie.com/documentation/getting-started 但他们可能在其他地方提到了 position:relative

以上是关于CSS3 Pie边框消失了的主要内容,如果未能解决你的问题,请参考以下文章

是否可以在全局范围内将 CSS3Pie 边框半径应用于 jQuery UI?

溢出:在 IE8 中使用 css3pie 隐藏圆形边框?

CSS3 PIE 在 IE8 中无法正常工作

在 IE8 中使用 CSS3Pie htc 作为边框半径

如何解决IE8浏览器不兼容CSS3圆角边框问题?(实用篇)

CSS3 PIE 与 :first-child 冲突