css设置背景图片，ie显示不了

本来是想给导航栏<div class="nav"></div>添加背景图片的,设置css样式如下：

.nav{background:url("http://img.pincai.com/article/repeatBg.gif") repeat-x scroll 0 -161px rgba(0,0,0,0); }

 

但不知道为什么在ie6、7、8下，背景都无法显示，在更高级的ie和Firefox.chrome下都是正常的。

排除图片链接的有效性，尝试修改了很多次都没有成功。后来把多余的rgba(0,0,0,0)去掉后，在Internet Explorer居然可以正常显示了：

.nav{ background:url("http://img.pincai.com/article/repeatBg.gif") repeat-x scroll 0 -161px; }

 

通常建议使用简写属性，而不是分别使用单个属性，因为简写属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

而且，如果用不到的属性，尽量不写出来。

转载于:https://www.cnblogs.com/webStyle/p/css.html