2012-06-09 113 views
2

其他浏览器如chrome显示正常。 IE9只显示没有图像的渐变。IE9中没有显示背景图片

代号CSS

body { 
background: 
url('../images/adventure/background.png') 
background: url('../images/adventure/background.png'), -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 40%, rgba(149,147,160,1) 100%); /* FF3.6+ */ 
background: url('../images/adventure/background.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(40%,rgba(255,255,255,0.4)), color-stop(100%,rgba(149,147,160,1))); /* Chrome,Safari4+ */ 
background: url('../images/adventure/background.png'), -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 40%,rgba(149,147,160,1) 100%); /* Chrome10+,Safari5.1+ */ 
background: url('../images/adventure/background.png'), -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 40%,rgba(149,147,160,1) 100%); /* Opera 11.10+ */ 
background: url('../images/adventure/background.png'), -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 40%,rgba(149,147,160,1) 100%); /* IE10+ */ 
background: url('../images/adventure/background.png'), linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 40%,rgba(149,147,160,1) 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#9593a0',GradientType=0); /* IE6-8 */ 
+0

我没有看到 “IE9” 的意见?只有IE 6-8和10 – Cristy

回答

5

您需要在第一background这样的收盘分号(;):

background: url('../images/adventure/background.png'); 
+0

所以我在IE9中修复了这个问题;谢谢。 现在IE9使底部颜色淡出其他浏览器的图像,图像在渐变背后淡化。 – user1408704

+0

其他浏览器图像渐变渐变----删除最后的评论。 – user1408704

+0

透明的图像。 – user1408704