Amazon Header Type Transparent Background On Hover

Hello, I’m making a header similar to Amazon’s. I have a group focus that displays on the Hover. Such as Amazons Hello, Sign Button. My issue now is getting the transparent black background to work properly.

The way I’ve been doing it so far is using a Not visible on page load group that is collapsable. When my FocusGroup is visible, the transparent background is visible. This works great besides one issue. My issue is that this also collapsing things on pages that aren’t part of the header.

here’s an image of what I’m trying to do.

This topic was automatically closed after 70 days. New replies are no longer allowed.