[分享]css中background兼容性

CSS中的背景(background)属性是用于设置元素的背景图像、颜色和平铺方式。但是在不同的浏览器中，背景属性的兼容性存在差异。/ 设置背景颜色 / div{ background: f00; /...

CSS中的背景(background)属性是用于设置元素的背景图像、颜色和平铺方式。但是在不同的浏览器中，背景属性的兼容性存在差异。

/* 设置背景颜色 */
div{
  background: #f00; /* IE6/7/8、Firefox、Chrome、Safari、Opera均兼容 */
  background-color: #f00; /* 所有浏览器兼容 */
}

/* 设置背景图片 */
div{
  background: url(images/bg.png) no-repeat center center; /* IE6/7/8、Firefox、Chrome、Safari、Opera均兼容 */
  background-image: url(images/bg.png); /* 所有浏览器兼容 */
}

/* 设置背景平铺方式 */
div{
  background: url(images/bg.png) repeat-x top center; /* IE6/7/8、Firefox、Chrome、Safari、Opera均兼容 */
  background-repeat: repeat-x; /* 所有浏览器兼容 */
} 

在使用背景属性时，我们需要考虑浏览器的兼容性，采用以上的方式可以解决兼容性问题，从而实现更好的效果。