在编写CSS3样式时,大家可以通过以下方式来实现火狐的兼容性:
// 对不同的浏览器设置不同的样式 -moz-transition: all 1s; -webkit-transition: all 1s; // 兼容火狐浏览器圆角样式 -moz-border-radius: 5px; border-radius: 5px; // 兼容火狐浏览器文字阴影样式 -moz-text-shadow: 1px 1px 1px #ccc; text-shadow: 1px 1px 1px #ccc; // 兼容火狐浏览器背景渐变样式 background: -moz-linear-gradient(top, #fff 0%, #eee 100%); background: -webkit-linear-gradient(top, #fff 0%, #eee 100%); background: linear-gradient(to bottom, #fff 0%, #eee 100%);
其中,-moz-
是用来针对火狐浏览器进行兼容性处理的属性前缀,其他的浏览器使用的是-webkit-
前缀或者不使用前缀。如果大家将以上样式代码的-moz-
前缀去掉,其他浏览器仍然可以正常显示,但是火狐浏览器在渲染样式时可能会出现问题。
总之,在编写CSS3样式时,尽量避免只考虑某一种浏览器的兼容性,应该根据不同的浏览器使用相应的属性前缀,让样式在各种浏览器中都可以正常显示。