小编典典

CSS3 PIE-给IE边界半径支持不起作用吗?

css

我正在尝试通过CSS3 PIE附加行为在IE中创建圆角。

这是我的CSS:

.fieldRow {
    clear:both;
    padding: 0;
    margin: 0;
    overflow: hidden;
    line-height:17px;
}
.alternate, .rowMousedOver {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(PIE.php);
    position: relative;
}
.rowMousedOver{
    background-color: #E2E66D !important;
}
.alternate {
    background-color: #FCFEE8;
}

这是一些示例HTML:

<div class="fieldRow alternate">
                <div class="label"><label id="title_label" for="title"> Title: </label></div>
                <div class="fieldWrapper required text">
                    <div class="cellValue"><input type="text" onchange="validateField(this)" name="title" id="title" value="Tax Free Savings Accounts" disabled=""></div>
                </div>
            </div>

并通过JavaScript我添加rowMousedOverfieldRow当它盘旋。

关于为什么这不起作用的任何想法吗?我也尝试使用behavior: url(PIE.htc),但也没有运气。

谢谢!


阅读 268

收藏
2020-05-16

共1个答案

小编典典

PIE.htc请求应使用MIME类型“ text / x-component”进行响应-否则IE不会影响其行为。您使用的PIE.php应该可以解决此问题。如果不确定是否是这种情况,请使用FireBug的Net功能检查对文件的直接请求。

还要注意,PIE.htc的路径是相对于HTML页面的-相对于您期望的css文件。因此,请考虑使指向.htc的路径成为绝对路径。FireBug可以在这里再次帮助您检测是否有404问题。

2020-05-16