jgessentials Posted December 1, 2009 Share Posted December 1, 2009 HiI would like to know if there is any way I can replace the background color with an image (gradient background) and keep the additional image as well only on the hover: #menu li.level2 a:hover {COLOR: #62c316; background:#ebecea url(img/tree.gif) no-repeat right top;} Thank you in advance for any helpJulien Link to comment Share on other sites More sharing options...
thescientist Posted December 1, 2009 Share Posted December 1, 2009 I'm a bit confused. So in its normal state, the element has a color background, and when you hover, its background is replaced by an image. Are you asking to show them both when a user hovers? Link to comment Share on other sites More sharing options...
jgessentials Posted December 1, 2009 Author Share Posted December 1, 2009 Yes in the normal state it just has a background image.When you hover I would like to have a gradient background (repeated img) and a small image at the top right (logo)I know it's bizarre, it obviously works great using just a background color but I would love to have the gradient there instead.Thank you if you have any ideas Link to comment Share on other sites More sharing options...
thescientist Posted December 1, 2009 Share Posted December 1, 2009 maybe make the gradient a background on hover, and then maybe change the list-item's icon to your logo and position it? Link to comment Share on other sites More sharing options...
jgessentials Posted December 1, 2009 Author Share Posted December 1, 2009 Oh yeah that is smart. Thank you!Can you show a list items icon only on hover? Link to comment Share on other sites More sharing options...
thescientist Posted December 1, 2009 Share Posted December 1, 2009 nope, when you use lists, if you don't want them to appear you usually have to set them as "off". Link to comment Share on other sites More sharing options...
jgessentials Posted December 1, 2009 Author Share Posted December 1, 2009 Ok I'll play around with that idea though. Thank you for your help. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.