ie8不支持css中的阴影和圆角,因此我们采用插件pie.htc来实现。
下载完成添加到项目中,建议放在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内部也全是阴影。
领取专属 10元无门槛券
私享最新 技术干货