Firefox中的渐变性能不佳

时间:2012-08-29 15:03:46

标签: css performance firefox css3 gradient

我目前正在研究css3渐变背景,它在Chrome上工作正常,但在Firefox上很糟糕。我注意到它归因于我的css中的background-size属性。有没有办法使用不同的方法制作完全相同的背景?

body {
    background: -webkit-linear-gradient(45deg,  #cccccc 0%, #cccccc 25%, #bbbbbb 25%, #bbbbbb 50%, #cccccc 50%, #cccccc 75%, #bbbbbb 75%);
    background:    -moz-linear-gradient(45deg,  #cccccc 0%, #cccccc 25%, #bbbbbb 25%, #bbbbbb 50%, #cccccc 50%, #cccccc 75%, #bbbbbb 75%);
    background-size: 30px 30px:
}

1 个答案:

答案 0 :(得分:1)

bug657603

原来这是一个关于mozilla firefox的错误...在背景上使用低分辨率渐变图案时表现不佳,正如Jonah Bishop发布的那样