CSS3风格问题

Question

我创建了一个标签，但右侧箭头后面有白色背景

.tags {
  list-style: none;
  margin: 0;
  overflow: hidden; 
  padding: 0;
 }

http://jsfiddle.net/eR8Ye/5/

如何删除标签右侧的白色背景？此标记的背景是渐变样式。

Answer 1

你可以解决这个问题。

http://jsfiddle.net/eR8Ye/4/

1. 从父
中删除右侧边距
2. 从::after
中删除背景颜色
3. 将::after置于父级之外，位于右侧（使用负值）。

Answer 2

只需向右移动箭头即可生成background: transparent

Fiddle

Answer 3

更改background的{​​{1}}以匹配其父级的背景。小提琴：http://jsfiddle.net/eR8Ye/2/

没有办法让它变得透明。

Answer 4

您可以通过3个步骤获得desired result。

1 - 从::after中删除背景 2 - 将::after的位置更改为-10px
3 - 从tag类

中删除10px的右边距

修改

关于问题的渐变方面，您可能值得更新您的小提琴，以向我们展示您所遇到的问题。 This question here可能会得到您需要的答案。