[Solved] CSS drop down menu list background color transparent

[Jack]

MOD EDIT : Code exported to Codepen: http://codepen.io/anon/pen/JKnAD

My drop down menu list * tags background color i set to transparent and it should be, but it still remain contain white color background for each of the * in sub-menu list.

[Paulie_D]

We’d need to see the HTML as well and it might be helpful if you could re-frame your question as I’m not entirely sure what your question is.

[Jack]

The codepen i added the html inside, and everytime you mouse hover an menu item will drop down a sub menu list.
And i want the sub menu list background: transparent, and mouse hover only appear white color.

[Paulie_D]

I’m not seeing an updated Codepen.

You probably won’t be able to have a submenu with a transparent background. Or rather you could but it will then inherit the background of the parent list item.

[Jack]

Sorry for that. i though i am saved the html code.
Here is link HTML & CSS

[Paulie_D]

I’m still not clear on exactly what it is you are trying to do but :

http://codepen.io/anon/pen/qGAou

[Jack]

Did you see my sub menu list is white color background?
Can i set it to transparent, and mouse hover to sub menu list only appear white color.

[Paulie_D]

Previous Codepen updated..

You might find this useful.

http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

I find it’s often easier to give each menu level it’s own class to avoid selectors like ul li ul li

Here’s a different one I keep around for reference.

http://codepen.io/Paulie-D/pen/22c4ca602bda363099133ded6bca2294

[Jack]

Thanks Paulie_D. But how many mouse hover to my sub menu items? because i had tried to made the change, it still can’t change the background color once i mouse hover the sub menu item.

[Jack]

Solved. Thanks alot :)

[Author]

Posts