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父级外部::after位置放在右侧（使用负值）。

Answer 2

只需向右移动箭头并使其background: transparent

小提琴

Answer 3

更改background的:after ，以配合其母公司的背景。 小提琴： http ： //jsfiddle.net/eR8Ye/2/

没有办法让它变得透明。

Answer 4

您可以通过3个步骤获得所需的结果 。

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

编辑

关于问题的渐变方面，您可能值得更新您的小提琴，以向我们展示您正在遇到的问题。 这个问题可能会得到你需要的答案。