Menu Button Background Transparency Makes Text Transparent [FIX?]

Problem: Menu button’s hover background is 50% transparent (this is good). But it also makes the text inside the menu button 50% transparent (this is bad).

Desired result: Text inside the button should remain solid-colored when the button’s hover background is 50% transparent.

Solution (maybe?): Maybe this will keep the text solid-colored while the menu button’s hover background is 50% transparent: Non-Transparent Elements Inside Transparent Elements from CSS Tricks

Leave a Comment