Add a CSS border on hover without moving the element -
possible duplicate:
css hover border makes inline elements adjust slightly
i have row applying background highlight on hover.
.jobs .item:hover { background: #e1e1e1; border-top: 1px solid #d0d0d0; }
however, border adds 1px additional element, makes 'move'. how compensate above movement here (without using background image)?
you make border exist having same color background (or transparent
if don't need support older versions of ie (< 7).
.jobs .item { background: #eee; border-top: 1px solid #eee; } .jobs .item:hover { background: #e1e1e1; border-top: 1px solid #d0d0d0; }
Comments
Post a Comment