2017-10-12 59 views
0

这里是在codepen代码:https://codepen.io/anon/pen/gGjyNz元素继承元素的特性在它之下

什么我想是把蓝色或绿色的线下的背景(灰色)。正如你看到的,如果我设置

`<li class=''>Launch</li>` 

enter image description here

`<li class='visited'>Launch</li>` 

enter image description here

发生的事情是,它完全覆盖整个灰线,而我希望它覆盖,但很好,与box-radius工作。否则,它很笨拙,边缘锋利。

更新:我想背景涵盖蓝色或绿色,所以当灰色变成蓝色或绿色,它也继承了灰色的,花哨的箱半径等

回答

0

在你的CSS的19线还有一类我加了属性的z-index到:

ul.checkout-bar li

z-index: 100000;

这是如此之高,因为这条当前设置为99999


要解决的结局,添加:

border-radius: 15px; 

在你的CSS线165之后。 :after从来没有收到该属性成为弯曲

+0

该修复是在'发射'后,对不对? –

+0

我在你的CSS –

+0

行25后插入它没有工作。这必须在“启动”之后。尽你所能,它不会结束美丽。 –