創建圓角在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

回答

相關問題