今天在页面中使用了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]-->