Question

我尝试使用深色背景和绿色光栅设置100％宽度div。它适用于所有浏览器，除了OS X上的Safari（在iOS上运行正常）。我不知道为什么它不起作用，似乎无法在互联网上找到答案。

这是我的造型：

background-color: #434343;
background-image: linear-gradient(0deg, transparent 24%, rgba(50,205,50, 0.3) 25%, rgba(50,205,50, 0.3) 26%, transparent 27%, transparent 74%, rgba(50,205,50, 0.3) 75%, rgba(50,205,50, 0.3) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(50,205,50, 0.3) 25%, rgba(50,205,50, 0.3) 26%, transparent 27%, transparent 74%, rgba(50,205,50, 0.3) 75%, rgba(50,205,50, 0.3) 76%, transparent 77%, transparent);
background-size: 60px 60px;
-webkit-box-shadow: inset 0px 0px 200px 10px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 200px 10px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 200px 10px rgba(0,0,0,0.75);

你们中是否有人知道为什么它只在Safari上显示深色背景而不是绿色光栅？ Thnx很多！

Answer 1

试试这个

background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E7E7E7 97%, #FFFFFF 98%);/* Chrome10-25,Safari5.1-6 */

另外，请查看渐变生成器

http://www.colorzilla.com/gradient-editor/

背景图像：线性渐变不适用于Safari（OS X）

1 个答案: