Такой эффект, просто удалите подчеркивание ссылок, а затем повторно введите

его в псевдокласс : hover:

а {

}

text-decoration: none:

background-color: #FOO:

a:hover {

bac~ground-color: transparent:

text-decoration:underline:

248 Глава 9. При8QДИМ в порядок навм~цию сайта

;·-··----·-·-·"···-· ·---·· ··-·--····-····-···---·· , ... ··--··-· ···· · -·~·· · ···· · ·· -·-·--·--- --·-····-·"··

: Nonnal Llnk ; : No Wnder11ne 1

1 Lorem ipsum dolor sit а~ consectetuer 1 ! Lorem ipsum dolor sit amet. consectetuer i

: adipiscing elit. sed diam ii5hummy nibh f : adipiscing elit. sed diam nonummy nibh '

~ euismod lincidunt ut taoreet do!ore magna ' · euismod lincidunt ut!aoreet dolore magna

: aliquam erat volutpat. Ut wisi enim ad aliquam erat volutpaL Ut wisi enim ad

; minim veniam. quis nostrud exerci ta\ion minim veniam. quis nostrud exerci tation

; ullamcorper suscipit lobortis nisl ut aliquip ullamcorper suscipit tobortis nisl ut aliquip

j ех еа commodo consequat. Duis autem ех еа commodo consequat. Duis autem ! vel eum iriure d i vel eum iriure d

• ,.,_ • • ...,. '•"'"* ' ... ~~ •*• ......- •-• •••• " " ~·-- • •• • • ••--·• ••-r ,_,, ''"""" " " -'•'-""

·-· ....... - ........... ..... -.. ·---·-----·----· ·-.. - ...... -· --................ - ----· No Under1ine Highlight • Underline on Hover .

Lorem ipsum dolor sit ame1 consectetuer , Lorem ipsum dolor sit amet, consectetuer '

Adipiscing elit. sed diam nonummy nibh adipiscing elil sed diam nonummy nibh

euismod tlncldunt ut \aoreet dolore euismod tlncfdunt ut \aorнt ~

magna aliquam erat volutpat. Ut wisi enim magna aliquam erat volutpaL ~ enim