ie6,7,8兼容圆角问题解决
我们经常做网站会遇到圆角的问题,那么你们是如何解决的呢?我说下我的解决方法:
需要添加样式:
.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 许可协议。转载请注明出处!