CSS：三种背景（斑马线，棋盘，格子）

一，斑马线背景

代码：

 
  
  
  
  
  
  
  
 
 
  这是使用CSS3的斑马线效果。
 




  注意：IE9- 看不到效果。
  在低版本IE中，请使用背景图片实现功能。
  在IE9下可以使用filter滤镜实现渐变部分。
  
 

二，棋盘背景

效果:

代码：

 
  
  
  
  
  
  
  
 
 
  注意修复当背景颜色不是黑白相间时的在IE、Firefox、Safari下的bug
 

三，格子背景（不均匀的棋盘背景）

效果：

代码：

 
  
  
  
  
  
  
  
 
 
  这是CSS格子背景。