创建圆角在IE7/IE8

我创建一个圆角的选项卡，在IE9，Mozilla和Chrome浏览器工作正常，但不是在IE7/IE8。创建圆角在IE7/IE8

下面是代码：

<div id="navbar"> 
<div id="holder"> 
<ul> 
<li><a href="#">Home</a></li> 
<li><a href="#">About Us</a></li> 
<li><a href="#">Contact Us</a></li> 
<li><a href="#">News</a></li> 
</ul> 
</div> 
</div>

#navbar {} 
#holder { 
border-bottom:1px solid #000; 
overflow:hidden; 
} 

#navbar #holder ul { 
margin:0; 
padding:0; 
list-style:none; 
margin-top:15px; 
} 

#navbar #holder ul li { } 
#navbar #holder ul li a { 
text-decoration:none; 
float:left; 
margin-right:5px; 
border:1px solid #000; 
padding:15px; 
text-align:center; 
width:90px; 
border-bottom:none; 
display:block; 
behavior:url(border-radius.htc); 
border-radius:5px 5px 0 0; 
} 

#navbar #holder ul li a:hover { 
background:#C09; 
color:#fff; 
}

能否请您让我知道代码，以便它适用于IE7/IE8呢？

来源

2011-08-04 Balkar Kalsi

我一直有种很喜欢漂亮的角落：http://www.spiffycorners.com/ –

AFAIK IE7和IE8不支持圆角 – Pedro

你能请张贴边界半径的内容。 HTC。或者更好的是，不要使用一个。我发现更多的时候不是，.htc文件证明是更麻烦，然后有帮助。您可以在HTTP ...试试这个jQuery插件：//jquery.malsup.com/corner/ – LeeR

IE 7/8不支持border-radius。我听说IE9的确如此。

本网站包括获取圆角边框在IE7/8，虽然黑客攻击：http://dimox.net/cross-browser-border-radius-rounded-corners/。你需要下载border-radius.htc并把下面的代码在你的CSS：

.rounded-corners { 
    behavior: url(http://yoursite.com/border-radius.htc); 
}

来源

2011-08-04 12:18:28 tskuzzy

也能正常工作的框，但不是我的代码，即圆角标签... –

即-8和7支持边界半径通过javascript检查此链接在IE7，IE8 http://davidwalsh.name/css-rounded-corners –

工作边界半径如果我有任何的不透明度小于100％时，背景图像变得箱，而不是简单的。这是一个问题吗？ – Si8

使用jQuery的角落，它会在所有主要的浏览器中运行

http://jquery.malsup.com/corner/

你甚至可以按照你喜欢的方式配置角落！

来源

2011-08-04 12:18:44 Vijay

非jQuery解决方案呢？寻找一些明亮... – Jon

除了圆角切除背景需要透明外，其他作品都很棒。对我来说，它是一种淡蓝色，不会与我的背景图片一起使用 – Si8

的Internet Explorer支持的CSSborder-radius财产本身不是直到版本9对于IE浏览器的低版本，请检查jQuery Corner提到的jQuery插件kvijayhari。

来源

2011-08-04 12:22:41

边界半径支持IE-7，即-8，即9通过javascript检查本教程如何显示在IE http://davidwalsh.name/css-rounded-corners

来源

2012-05-31 05:06:04

边框半径有以下解决方案：

CSSPie（HTTP： //css3pie.com/但其压缩js文件是40 KB的大小）
存在使用HTC文件用于IE
```
behavior: url(http://yoursite.com/border-radius.htc); 
     (almost 40 KB of size) 
```
另一种解决方案
该指南可以在这里http://dimox.net/cross-browser-border-radius-rounded-corners/
发现另一种解决方案，我个人建议是：
```
 jquery.corner.js (http://jquery.malsup.com/corner/) 
```
这是未压缩的js文件是10 KB的大小。

来源

2012-06-05 19:31:42 sudip

我已经尝试了所有解决方案，并且唯一创建边界半径等于现代浏览器的是CSSPie，所有其他选项都有问题。 CSSPie唯一不好的地方就是它让IE8变得非常慢 –

创建圆角在IE7/IE8

回答

相关问题