CSS之IE8兼容陰影和圓角

ie8不支持css中的陰影和圓角，因此我們採用插件pie.htc來實現。

（下載連結：http://pan.baidu.com/s/1mhRS7Le 密碼：cd3n）

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

圖1：示例代碼

Ie8真機測試結果如圖2所示。

圖2：測試結果

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

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

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

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