Build a Context Menu with jQuery and CSS | 2 | WebReference

Build a Context Menu with jQuery and CSS | 2


[prev]

Build a Context Menu with jQuery and CSS [con't]

Styling the Context Menu

Now that the context menu is functioning as intended, it is important to "pretty it up." The following styles make the context menu look similar to the context menu on the Mac OS.

Conclusion

That's all it takes to be able to display a context menu in today's Internet applications. This has been tested to work on most of the popular browsers, specifically Safari 4+, Firefox 3.6+, Internet Explorer (IE) 8+ and Google Chrome. On IE, however, you won't be able to see a drop shadow around the context menu because IE doesn't yet support drop shadows in CSS.

If you're not already using context menus in your applications, it's time you did. While implementing it, just remember not to make any feature accessible only in the context menu. This approach has received some criticism from usability analysts.