我想知道如何在IE8中進行圓角邊框。我正在使用如何在IE8中用CSS做圓角邊框?
-moz-border-radius:4px;
-webkit-border-radius:4px;
Mozilla和Safari瀏覽器。
我想知道如何在IE8中進行圓角邊框。我正在使用如何在IE8中用CSS做圓角邊框?
-moz-border-radius:4px;
-webkit-border-radius:4px;
Mozilla和Safari瀏覽器。
有一個jQuery插件。 http://jquery.malsup.com/corner/
你不能。 IE並沒有處理現代標準和實踐,特別是IE8中沒有這樣的CSS屬性。
你**可以**在CSS中做到這一點,這只是脖子上的巨大痛苦(太多的div標籤)。或者,您可以使用CSS和圓角圖像。 – 2010-11-09 04:44:01
在IE9中,您可以使用border-radius。
對於較早的IE版本,有一些javascript庫可以幫您完成。你不能純粹用CSS來完成它。至少你會需要背景圖片。
你**可以**純粹用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
您可以使用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;
}
這裏是你如何可以通過使用純CSS和沒有JavaScript做到這一點。這是一個鑼鼓表演,容易打破,但不管怎樣,這裏都是。 [純粹的CSS圓角沒有圖像和JavaScript] – 2010-11-09 05:02:30