手记

CSS3兼容性

1、支持性不好的可以使用前缀:

  • Chrome(谷歌浏览器):webkit-
  • Safari(苹果产品浏览器):-webkit-
  • Firefox(火狐浏览器):-moz-
  • IE:-ms-
  • Opera(欧朋浏览器):-o-

2、不同浏览器的标签默认的margin和padding不同

  • 解决办法:
    几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外边距为0。
*{
	margin: 0;
	padding: 0;
}

3、透明度的兼容CSS设置

.setTransparent{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
0人推荐
随时随地看视频
慕课网APP