版本8以下的IE都不支持CSS的inherit属性

今天在页面中使用了code这个标签,但在页面中看到它所使用的字体仍然是浏览器默认的,而不是它的父元素定义的,于是就直接用下面的CSS代码,想直接继承它的父元素的字体样式:

code{
	font-family:inherit;
}

火狐上看code已经继承了父元素的字体样式,便屁颠屁颠地提交了。但老大一看,说样式仍然不对,我有点吃惊,用IE一看,果然code用的仍然是浏览器默认的字体样式,而并没有继承父元素的字体样式,但在火狐里已经实现了继承。

这下我傻眼了,赶紧问Google,一问才知道:版本8以下的IE都不支持CSS的inherit属性!而我到今天才知道这件事!

原因是找到了,但也要找到问题的解决方法。而目前我所找到的解决方法就是使用ie7-js来扩展低版本的IE的功能。由于IE7也不支持inherit属性,所以就要用到ie7-js提供的IE8.js 。把下面的代码加入到你的页面中,低版本的IE就能呈现出IE8中所显示的样子了。

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->

此条目发表在 前端 分类目录,贴了 , , 标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已被标记为 *

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>