Home/ Questions/Q 691975
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T02:36:07+00:00

this is what im trying to do… ul#newnav a{ /*–This is basically the hover

  • 0

this is what im trying to do…

ul#newnav a{ /*--This is basically the hover state of navigation--*/
color: #555;
background: url(images/a_bg.gif) repeat-x left bottom;}

ul#newnav a{ background: url(images/navpic.png) no-repeat top left;}

and of course its only loading the last one but is it anyway I can load both.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use :hover pseudo class

    ul#newnav a{ background: url(images/navpic.png) no-repeat top left;}

ul#newnav a:hover { /*--This is basically the hover state of navigation--*/
color: #555;
background: url(images/a_bg.gif) repeat-x left bottom;}

    See The dynamic pseudo-classes: :hover, :active, and :focus

    In CSS3 you can have multiple backgrouds for an element

    See Multiple backgrounds with CSS3

    • 0