标签云造型

Question

我正在尝试将my blog's tag cloud设为described here。我按照说明操作，但有一个小问题。我似乎无法弄清楚如何更改每个标签的白色部分（在下面用红色圈出）是透明的，以便阴影背景显示出来。

Answer 1

它的工作原理是因为演示页面的背景是白色的。下面的CSS是设置此颜色的位置：

.cloud .tag:before {
    border-color: #FFF transparent;

最简单的方法是将#FFF更改为与背景最匹配的颜色。你不能只把它设置为透明，因为标签（黄色/橙色的东西）是一个盒子，这只是在那个盒子的左边做一个三角形，左边框不同，给它一个像箭头一样的箭头。

请参阅，此处我将其更改为transparent #000以说明它是如何制作箭头的。

您甚至无法判断是否将其从#FFF更改为#EEE。

border-color: #eee transparent;