如何在最后处给出透明的六角形角度？

我必须像这样制作菜单。 alt text http://shup.com/Shup/330421/1104422739-My-Desktop.png

• 下拉项目可以增加和减少如果客户端将添加或删除页面。
• 下拉列表的宽度取决于页面标题名称中的字符数。
• 角度仅在最后一个项目的右下角需要。

我知道如何制作下拉菜单以及如何提供跨浏览器的透明度，但我想知道如何在保持透明度的同时向右下角提供所需的角度。

Answer 1

使用jQuery角落演示 ：

$("#item3 li:last").corner("br bevel"); 

Answer 2

查看Suckerfish的儿子下拉菜单。 您想要的特殊样式需要将类分配给任何

的最后一个

Answer 3

使用HTML 5

 
 
 
Item 1
 
Item 2
 
Item 3 
 
Item 3.1
 
Item 3.2
 
Item 3.3
 
Item 3.4
 
 
 
etc...... 
  

CSS

边框右下角的图像：

Answer 4

你可以用CSS改变元素的不透明度，这适用于所有主流浏览器：

 .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 

你需要使用列表来执行此操作，您可以将特殊类应用于最后一个li以使其看起来不同。 这个jquery系列可能对你有帮助

 $("#item3 li:last").addClass("special_corner"); 

更新 ：

为什么不接受JQuery Corner Demo