hover for inline menu with :before

Question

I'm trying to make a default hover effect for all my inline menus but the hover effect are not covering the entirely "li a" element. I've put the code below to ilustrate the problem. http://jsfiddle.net/yWqK4/

Veger · Accepted Answer · 2012-06-21 14:11:51Z

3

You are modifying the <a> tag to a block disaply and doing all other kind of unnecessary things.

The only thing you need to do, is to change the background color of your element. Replace your CSS that is used for the hover effect with:

.Menu li a:hover {
    background-color: rgba(0,0,0,0.3);
}

and it is working as expected. See http://jsfiddle.net/muNFY/

answered Jun 21, 2012 at 14:11

Veger

38k11 gold badges110 silver badges118 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

yarm · Accepted Answer · 2012-06-21 14:12:33Z

2

you don't need use :before to get desirable result. Fixed tour styles here http://jsfiddle.net/yWqK4/2/

answered Jun 21, 2012 at 14:12

yarm

6986 silver badges11 bronze badges

Collectives™ on Stack Overflow

hover for inline menu with :before

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related