Join Bill Weinman for an in-depth discussion in this video Setting visibility and opacity, part of Creating Dynamic Menus.
Opacity is a property in the Document Object Model, the DOM.…The Opacity property sets the opacity of an object on the screen.…So when the opacity is all the way at one, that object is completely opaque.…When the opacity is set to zero, that object is completely invisible.…This is distinct from the Visibility property.…The visibility property can be visible or hidden.…Visible objects appear on the screen. Hidden objects do not take up any space in…the screen and do not appear on the screen at all.…
An object can be visible and transparent.…In other words, it can be visible and have an opacity of zero.…While you won't be able to see it, it will be on the screen and your mouse will…be able to interact with it.…Let's take a look at how this works.…We can access the DOM from our CSS file.…In fact, all of these properties in our CSS file are DOM properties.…Here, our vertical menus are set to hidden.…So they don't appear.…
- Creating and formatting menus with CSS
- Establishing positioning for a menu
- Exploring configuration variables for any menu
Skill Level Intermediate
A: To make the dynamic menus degrade nicely, make sure that the pages linked to in the "top" of each menu have sufficient navigation available for that section of the site.