箭头：消失的问题

后我有一个垂直分导航这里CSS箭头：http://rumble.com.au/technology/ 但出于某种原因，我不能让它正确显示。它应该在右侧的外侧，但正如你所看到的，其中一半已被切断。如果我进一步向右移动箭头，它会消失。我怎样才能让它出现在右手边？箭头：消失的问题

我想它，因为这页面上，请工作：http://cssarrowplease.com/

感谢

来源

2013-06-18 Huw Rowlands

我会做LI项目没有彩色背景，只有箭头，内LI A元素将有一个足够的余量以适应箭头。

颜色背景将位于A元素中。

在这个例子中，你应该把灰色背景和虚线边框的背景：

ul { 
    list-style: none; 
} 

ul li { 
    width: 120px; 
    border: dotted 1px gray; 
    line-height: 25px; 
    margin-bottom: 5px; 
} 
ul li a{ 
    width: 100px; 
    margin-right: 5px; 
    background-color: #ccc; 
    line-height: 25px; 
    display: block; 
}

我在你的CSS .z-tabs li:hover:after, .z-tabs li:focus:after, .z-tabs li.z-active:after

<ul class="z-tabs-nav z-tabs-desktop"> 
    <li class="z-tab z-first z-active" data-link="tab1" style=""><a class="z-link">Cloud</a> 
    </li> 
    <li class="z-tab" data-link="tab2" style=""><a class="z-link">Onelogin</a> 
    </li> 
    <li class="z-tab" data-link="tab3" style=""><a class="z-link">Nimble CRM</a> 
    </li> 
    <li class="z-tab z-last" data-link="tab4" style=""><a class="z-link">Service Now</a> 
    </li> 
</ul>

http://jsfiddle.net/7pex9/

来源

2013-06-18 09:02:18 Edorka

用你的HTML的一部分class LINE号码389更改为left:95% to left: 93%

来源

2013-06-18 09:07:16

箭头：消失的问题

回答

相关问题