IE8兼容css3

ie8不支持css中的陰影和圓角，因此采用插件pie.htc

下載完成添加到項目中，建議放在js或者css文件夾里面，編寫css時在需要做兼容的地方加上“behavior:url(pie.htc路徑);”，示例代碼如圖所示：

 

 

使用pie.htc需要注意以下幾點：

1．添加pie.htc時路徑是相對於當前html的而不是相對於css的，從圖示例代碼可以看出。可以使用根路徑./css/pie.htc，這樣不用考慮html、css和pie.htc的相對位置。

2. 項目需要在服務器或者本地服務器上運行才有效果 。

3.給div添加陰影時必須給div加上背景，否則div內部也全是陰影。

 

使用pie.htc后背景色不顯示的問題

解決辦法：

在使用behavior:url(./css/PIE.htc)圓角樣式后添加 position:relative就可以了。

.border_radius { border:1px solid #000; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; behavior:url(./css/PIE.htc); position:relative;
}