html css菜单可见性按权限隐藏

Question

I would like use an html/css menu and hide menu items based on users permissions/rights. What would be the best way to handle this? Can it be done just using CSS/HTML or using scripting like Javascript.

The permissions are through "allow roles" subfolders with web.config authorizations. So users cannot go to the wrong page but I want to hide the choices they can't actually access.

I am using VB.net code behind FYI.

Answer 1

You can't do this in static CSS/HTML, but you could print different CSS statements for each role if you dynamically generate it.

Or you could assign class 'admin' to certain items, set to display:none in CSS then use jQuery to show them:

if(userIsAdmin)
{
    $('.admin').show();
}

However, I prefer to do this server-side if possible and only print certain items for certain users because, as Yoda said, anyone can see the source if you do it client side.