19

我想知道如何将边框半径应用于 IE8 及以下 IE8 浏览器。

我知道border-radius 是一个HTML5 特性，而IE8 不支持它。

我发现通过使用 .htc 我们可以实现这一点，但是通过使用 htc 我遇到了黑色背景的问题。

我无法克服这个问题。

有没有其他方法可以将边框半径应用于 IE8？如果是这样，谁能解释我怎么做？

4

6 回答 6

7

首先为了技术准确性，border-radius它不是 HTML5 功能，而是 CSS3 功能。

我发现在旧 IE 版本中渲染框阴影和圆角的最佳脚本是IE-CSS3。它将 CSS3 语法翻译成 VML（一种 IE 特定的矢量语言，如 SVG）并将它们呈现在屏幕上。

它在 IE7-8 上比在 IE6 上工作得更好，但也支持 IE6。当我使用 PIE 时，我并没有想太多，发现它（像 HTC 一样）并不是真正为功能而设计的。

于 2013-07-24T09:55:01.290 回答
3

PIE使得Internet Explorer 6-9能够渲染几个最有用的CSS3装饰功能

http://css3pie.com/

..................................................... .........................................

于 2013-07-24T09:43:18.623 回答
1

IE9+、Firefox 4+、Chrome、Safari 5+ 和 Opera 支持border-radius 属性，因为它是CSS3 属性。所以，你可以使用css3pie

首先在 IE 8 中查看这个演示并从这里下载它 像这样写下你的 css 规则

 #myAwesomeElement {
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(path/to/pie_files/PIE.htc);
}

注意：behavior: url(path/to/pie_files/PIE.htc);在上述规则中添加。在 url() 你需要指定你的 PIE.htc 文件位置

于 2014-01-09T11:10:48.690 回答
0

正如上面的答案所说，CSS PIE 使边框半径和框阴影之类的东西在 IE6-IE8 中工作： http: //css3pie.com/

也就是说，在使用 PIE 时，我仍然发现事情有些不稳定，现在只是接受使用旧浏览器的人不会看到圆角和阴影。

于 2013-07-24T09:47:52.480 回答
0

HTML：

<div id="myElement">Rounded Corner Box</div>

CSS：

#myElement {
    background: #EEE;
    padding: 2em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    behavior: url(PIE.htc);
    border: 1px solid red;

}

PIE.htc 文件可以从http://www.css3pie.com下载

于 2013-07-24T09:51:27.490 回答