CSS3有许多新的特性,其中之一就是后备箱。所谓后备箱,就是为了解决在某些浏览器中不支持某些CSS属性或属性值而设计的解决方案。/* 在IE 7及以下版本中,字体颜色统一为黑色 */ .color-b
CSS3有许多新的特性,其中之一就是后备箱。所谓后备箱,就是为了解决在某些浏览器中不支持某些CSS属性或属性值而设计的解决方案。
/* 在IE 7及以下版本中,字体颜色统一为黑色 */ .color-box { color: red; /* 默认颜色 */ color: #3339; /* 在IE 7及以下版本中,此行代码有效,属性值为黑色 */ }
上面的代码就是一个简单的示例,解决了在IE 7及以下版本中不支持字体颜色的问题。结合下面的解释,了解一下后备箱是如何工作的。
当浏览器遇到一个属性或属性值它不支持时,它会忽略它,并继续解析CSS代码。但是有些浏览器不支持的属性或属性值在其他浏览器中是有效的。在这种情况下,后备箱能够让你指定一个备用的值,以便在浏览器不支持原来的值时使用。例如,上面的代码就使用了CSS hack的方法,当浏览器是IE 7及以下版本时,会使用黑色作为字体颜色。
总结一下,后备箱是CSS3中一个非常实用的特性。它可以让我们轻松地处理浏览器不支持的属性或属性值,而不需要使用过时的CSS hack方法。当然,我们也应该尽可能地使用标准的CSS属性和值,避免使用后备箱。
粉丝
0
关注
0
收藏
0