CSS菜单悬停 - 项目

Question

悬停元素 - 如何在附件中执行此类操作。这个三角形元素之后还是更好的方式（简单）？

每个元素的宽度不同。

主要问题是三角形，我应该填充背景宽度吗？位置离开？

Please see http://jsfiddle.net/jachu/AB3wx/

Answer 1

你能做到这一点的唯一方法（只用CSS）就是拥有一个三角形图像，当你悬停时触发它以便在CSS中显示。

查看：http://jsfiddle.net/cranavvo/ze8GQ/

10x10三角形：http://i.imgur.com/3dxUiTX.png

ul#navigation>li:hover{
    background: url('http://i.imgur.com/3dxUiTX.png') no-repeat 100% 100% black;   
}