14 replies

Fixed background-gradient on menu items

Hi all, I am trying to create a menu with menu items that have a shared background gradient. But I can not get it to work. As you can see in my CodePen the gradient works fine when set to the background of the parent

<ul>

<ul>

but when set to the

<li>

<li>

with a

background-attachment: fixed;

background-attachment: fixed;

it's not working as expected. There is a slight difference in color. But not the gradient I expect to see.

https://codepen.io/commproNL/pen/QwLadZX

I would really like some help and explanation on this one, I can not see what I am doing wrong.

CodePenJelle Tempelman

Untitled

...