Skip to Content

Semi transparent navigation background

Looking at ways to make the excellent superfish dropdown navigation less prominent - I chose a lighter colour at the bottom of bg-header.png, added an off centre photo to the LHS that slightly cut behind the start of the navigation bar and then added the following code to the style.css

#superfish-inner .menu li {
  background: #B1E1EF;
  opacity:0.7;
  filter: alpha(opacity = 70);
  }

The filter: line is a duplication of the opacity: line but it is required for it to work in good old IE.

The end result can be seen opposite

and possibly still on the test site at http://allonsong.com/demo/centres/mildenhall-swimming-pool-0