Safari渲染CSS渐变速度太慢

时间:2015-09-09 14:00:48

标签: css safari

我正在尝试使用CSS使用CSS动态生成导航菜单渐变。 Safari在Safari上的速度太慢(加载页面大约需要20秒),但在firefox和chrome等其他浏览器上工作正常。

以下是负责此事的代码:

navi .pure-menu-horizontal {

background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,#8fc6f3 0%, #e6e9e6 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  #8fc6f3 0%,#e6e9e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8fc6f3 0%,#e6e9e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8fc6f3 0%,#e6e9e6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8fc6f3 0%,#e6e9e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
} 

究竟是什么导致了这个问题?

更新:似乎这一行造成了整个问题。我尝试删除最后一行

background: linear-gradient(to bottom,  #8fc6f3 0%,#e6e9e6 100%); /* W3C */

它工作正常,但渐变不在其他浏览器中呈现,在safari中工作正常。

我试过repeating-linear-gradient虽然它工作正常,但是间歇性的徒步旅行装载太慢..

background: repeating-linear-gradient(to bottom,  #8fc6f3 0%,#e6e9e6 100%);

请有人帮忙吗?

0 个答案:

没有答案