我正在尝试使用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%);
请有人帮忙吗?