Home > Article > Web Front-end > How to make navigation bar transparent with css
In CSS, you can make the navigation bar transparent through the opacity attribute. You only need to add the "opacity: transparency value;" style to the navigation bar element; the transparency value ranges from 0 to 1, and the value The smaller the value, the higher the transparency.
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
How to make the navigation bar transparent in css:
Add an opacity
parameter to the css to set the opacity , css opacity:x, the value of x is from 0 to 1.
If opacity: 0.8, if opacity: 0.5, it means translucent. The smaller the number, the higher the transparency.
Refer to the code below
This is a navigation bar with normal transparency
When adding opacity After the attributes:
Output result:
For more programming-related knowledge, please visit: Programming Video ! !
The above is the detailed content of How to make navigation bar transparent with css. For more information, please follow other related articles on the PHP Chinese website!