小编Sol*_*ide的帖子

我有一个多维数组，如下所示：

[
    Object {href="http://www.somepath.com/car4.png", title="Wheel"},
    Object {href="http://www.somepath.com/car.png", title="Top"},
    Object {href="http://www.somepath.com/car1.png", title="Side"},
    Object {href="http://www.somepath.com/car5.png", title="Saddle"},
    Object {href="http://www.somepath.com/car6.png", title="Front"}
]

我想循环该对象并检索两个逗号分隔的字符串，一个用于所有 href，一个用于所有标题。所以我追求的是：

hrefs = "'http://www.somepath.com/car4.png', 'http://www.somepath.com/car.png', 'http://www.somepath.com/car1.png', 'http://www.somepath.com/car5.png', 'http://www.somepath.com/car6.png'";
titles = "'Wheel', 'Top', 'Side', 'Saddle', 'Front'";

虽然看起来很容易，但我缺乏知识，似乎找不到具体的答案。

设计师想出了这种类型的背景，如下图所示。我想避免使用图像背景。所以我想弄清楚是否可以使用 CSS 背景属性复制它。

最低层只是一个线性梯度，没有问题。但是在其上分层的圆形形状并不那么容易（如果可能的话）。

我的第一个想法是为圆形使用各种径向渐变，但正如您所看到的，这些形状具有线性填充，并且需要透明背景，以便圆形淡出。我看不出如何实现这一点，但我不是 CSS 专家，所以我想听听关于此的一些意见。