Hi everyone,
I am trying to solve a css puzzle and thought I'd see if I could find
help.
I am building a navigation that is composed of three <ul> elements,
each with a background image. I would like for the background image to
change when the user hovers over anywhere within the <ul> element, and
for the <li> elements underneath it to change color when they are
hovered over.
Please check out the attached images and consider the following html:
<ul>Permanent powder
<li>available colors</li>
<li>how to use</li>
<li>faq</li>
<li>where to buy</li>
<li>order now</li>
</ul>
When mouse is all-together away from the <ul>:
http://bigen-usa.com/2013stage_v2/_images/samplenav-a.jpg
When mouse is over <ul> and over <li>how to use</li>:
http://bigen-usa.com/2013stage_v2/_images/samplenav-b.jpg
Any ideas on how to make this work?
Thanks in advance for any insight!
- Matthew
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
