Hostgator coupons for up to 99% off hosting for Dynamic Drive visitors!
Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library: Horizontal CSS Menus: Here

CSS3 Semi Opaque Menu

Author: Dynamic Drive

Linear gradient backgrounds in CSS3 lets you add a graduating background to any element on the page. It's supported in FF3.6, Safari 2+ and Google Chrome. In IE9 (which currently doesn't support CSS3 Linear Gradients), SVG is used to create a similar look while IE gets its act together. With that said, this menu takes advantage of CSS3 gradient background to produce a menu with a semi opaque rollover effect. Whatever the solid background color of the main UL behind it, the menu item's background peeks through. Peek-a-boo!

The CSS:


Code Info

Rate this code:

Date Posted: 11/07/2011

Revision History: None

Usage Terms: Click here

Your Comments (75)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Comment Pages 2 of 8 pages  <  1 2 3 4 >  Last »

Posted by ugg cardy boots on 11/22, 12:51 AM
Your ideas are simple but executed very well. Look forward to following you and watching your site network grow.
car accident claims no win no fee
Posted by accident claims on 11/22, 11:50 PM
Is it possible to get a submenu with this script?
Posted by Frank on 11/23, 02:59 PM
This is an awesome menu, I removed the bottom bar, added it to my page. Now I just need to figure out how to design a semi-opaque setup for IE7/8 and Firefox 3.0 and Prior visitors.
Posted by Mike on 11/23, 03:21 PM

What do I need to adjust exactly so it works in internet explorer too?

Thanks, Frank
Posted by Frank on 11/23, 04:55 PM

What should I change in the code so it works in Internet Explorer as well?

Thanks for the answer,

Posted by Frank on 11/23, 04:57 PM
You create in the database tables for the main account, followership, comments, and photograph (profile picture in this case which will be appearing beside your comments in the blog). The main account will contain columns for at least primary key designated as userID, names, account number, username and password.
remove rip of reports
Posted by remove rip of reports on 11/24, 12:53 AM
There is a superb Ugg bootsaccount of the ineffectiveness of United Nation troops who through no fault of their own had orders which made them simply observers whilst carnage was going on around them. The book was written by a Dutch author who spent many years observing the United Nations troops all over the world.
Posted by ugg boots outlet on 11/25, 06:26 AM
I am new to the blog. Hope I will get new tips & ideas from this blog…!!!
Posted by Wedding DVD on 11/25, 11:02 AM
In cold winter, most people are considered warm, and easy action. ugg Slippersvery famous professional keep warming around the world.
Posted by ugg Slippers on 11/25, 11:23 PM

Comment Pages 2 of 8 pages  <  1 2 3 4 >  Last »

Commenting is not available in this weblog entry.
Copyright 2006-2015 Dynamic Drive Read our Usage Terms before using any of the CSS codes.