gpt4 book ai didi

html - IE7+ 中的边框半径

转载 作者:行者123 更新时间:2023-11-28 18:17:54 24 4
gpt4 key购买 nike

我想要 IE7 和 IE8 中的圆 Angular 支持。为此,我正在使用 border-radius.htc 文件。它适用于具有相同边界半径的所有 Angular ,但如果我更改任何 Angular 的边界半径,它就不起作用。我的代码是:

<!DOCTYPE html>
<html>
<head>
<title>Border Radius for IE7+</title>
<style>
.borderRadius{
background-color: #f0f0f0;
width: 300px;
height: 50px;
margin: 20px auto;
padding: 10px;
border: 1px solid #d7d7d7;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
behavior: url(border-radius.htc);
}
</style>
</head>
<body>
<div class="borderRadius">
Content in Div.
</div>
</body>
</html>

这很好用。但是,如果我将样式更改为

,则它不起作用
<style>
.borderRadius{
background-color: #f0f0f0;
width: 300px;
height: 50px;
margin: 20px auto;
padding: 10px;
border: 1px solid #d7d7d7;
border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
behavior: url(border-radius.htc);
}
</style>

它使所有圆 Angular 保持相同的半径。请帮我解决这个问题。

最佳答案

可能是 border-radius.htc 脚本有错误或不能为每个 Angular 设置不同的半径。

我建议尝试使用替代脚本;那里有几个,但最好的(很长一段时间)是CSS3Pie -- 它比任何其他类似的脚本都有更多很多的特性,它的性能更好,并且经过了很好的测试,因此可能有更少的错误和怪癖。它也是我所知道的唯一一个仍在积极开发中的。我强烈推荐它。

从理论上讲,交换现有的 behavior() 以引用 PIE.htc 文件,然后从那里开始工作应该是一个简单的案例。

对于不同的边界半径,它绝对应该与您的代码一起工作:

border-radius:10px 10px 0px 0px;

希望对您有所帮助。

关于html - IE7+ 中的边框半径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17669021/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com