ie6,7,8兼容圆角问题解决

作者:Jasmine - 2016年05月12日

我们经常做网站会遇到圆角的问题,那么你们是如何解决的呢?我说下我的解决方法:

需要添加样式:

.border-radius {
    behavior: url(js/PIE.htc);
    position: relative;
    z-index: 2;
}

需要在html头部添加

<!--[if lt IE 9]>
        <script src="js/PIE_IE678.js"></script>
 <![endif]-->

文件会上传压缩包,注意下载。

这里要说的是,behavior这个属性MS比较特殊,一般来说CSS文件中的样式路径应该是CSS文件所在目录的相对路径,但behavior:url(...)中的路径却是加载该CSS文件的页面的相对路径。偶调了好一会儿才发现这个问题,虽然算是解决了圆角在IE9以下的透明问题,但这个路径问题仍然带来了一些麻烦。不知道大虾们有没有什么好办法可以解决。 



本文作者: Jasmine

本文链接: https://www.jianbaizhan.com/article/413

版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!


 请勿发布不友善或者负能量的内容。审查将对发布广告等违规信息进行处罚!