如何在IE8中用CSS做圓角邊框？

我想知道如何在IE8中進行圓角邊框。我正在使用如何在IE8中用CSS做圓角邊框？

-moz-border-radius:4px; 
-webkit-border-radius:4px;

Mozilla和Safari瀏覽器。

來源

2010-11-09 kst

這裏是你如何可以通過使用純CSS和沒有JavaScript做到這一點。這是一個鑼鼓表演，容易打破，但不管怎樣，這裏都是。 [純粹的CSS圓角沒有圖像和JavaScript] – 2010-11-09 05:02:30

有一個jQuery插件。 http://jquery.malsup.com/corner/

來源

2010-11-09 04:19:39

他沒有問過如何在沒有CSS或JavaScript的情況下做到這一點。 – Rob 2010-11-09 04:20:53

@Rob：其他答案已經解釋過，不可能在IE8的純CSS中實現。 – 2010-11-09 04:21:54

@Matt Ball感謝您的方式。 – kst 2010-11-09 04:34:04

你不能。 IE並沒有處理現代標準和實踐，特別是IE8中沒有這樣的CSS屬性。

來源

2010-11-09 04:17:52 Rob

你**可以**在CSS中做到這一點，這只是脖子上的巨大痛苦（太多的div標籤）。或者，您可以使用CSS和圓角圖像。 – 2010-11-09 04:44:01

在IE9中，您可以使用border-radius。

對於較早的IE版本，有一些javascript庫可以幫您完成。你不能純粹用CSS來完成它。至少你會需要背景圖片。

來源

2010-11-09 04:19:08 Moshe

你**可以**純粹用CSS來做，它只是一個巨大的破解和脖子上的痛苦（太多的div標籤）。或者，您可以使用CSS和圓角圖像。 – 2010-11-09 04:44:25

@rockinthesixstring - 真的嗎？我想如果你添加了足夠多的div，使用塊和背景顏色... – Moshe 2010-11-09 04:47:01

我已經看到它完成了...這是殘酷的執行和容易打破。 – 2010-11-09 04:58:22

下載https://code.google.com/p/curved-corner/幷包含在您的項目中。然後使用下面的CSS有圓角。

例如：

.somediv{ 
    -webkit-border-radius:4px;  /* older webkit based browsers */ 
    -khtml-border-radius:4px;   /* older khtml based browsers */ 
    -moz-border-radius:4px;   /* older firefox */ 
    border-radius:4px;    /* standard */ 
    behavior: url(border-radius.htc); /* IE 6-8 */ 
}

的URL文件是相對於它加載CSS的HTML文件。所以這與background：url（...）行爲是相對於CSS文件的不同。更多詳細信息here

來源

2011-11-23 09:48:56 zdesam

您可以使用CSS3 PIE。這很容易實現。只需在此下載它：http://css3pie.com/download/並提取其內容。然後，在您的樣式表中，只需將behavior:url(css3pie/PIE.htc);以及使用邊框半徑的每個元素的CSS代碼一起放入即可。

例如：

.samplediv{ 
    behavior:url(css3pie/PIE.htc); 
    -webkit-border-radius:10px; 
    -khtml-border-radius:10px;  
    -moz-border-radius:10px;   
    border-radius:10px;    
}

來源

2013-09-13 03:17:29 maikelsabido

如何在IE8中用CSS做圓角邊框？

回答

相關問題