[Webkit-unassigned] [Bug 15994] New: Regression: CSS image-substitution on hover no longer works in Safari 3...

[bugzilla-daemon at webkit.org]

http://bugs.webkit.org/show_bug.cgi?id=15994

           Summary: Regression: CSS image-substitution on hover no longer
                    works in Safari 3...
           Product: WebKit
           Version: 523.x (Safari 3)
          Platform: Macintosh
               URL: http://www.duema.de/haeuser/index.shtml
        OS/Version: Mac OS X 10.4
            Status: UNCONFIRMED
          Severity: Major
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: pepto at pepto.de


This URL contains CSS image-substitution on hover in the navigation-bar on top
of the page and on the images of houses further down the page (just check in
any other browser to see how it should look)...

The hover-effect works correctly in virtually any browser: IE5 (even IE5:mac),
IE6, IE7, Firefox 1+, Opera, Netscape 6+ (etc.) and Safari-versions before
Safari 3...

The image-substitution basically works by changing the upper padding of a fixed
size <a> (display:block) containing an <img>, on hover. This <a> has
overflow:hidden properties, so by changing its upper padding, the contained
image gets shifted into the hidden overflow-area, revealing an image below it
(layering is done via negative margins)...

This might sound a little complicated for simple image-substitution, but avoids
flicker in old IE versions, doesn't need preloading, is css-only and works in
virtually any browser except for Safari 3...


-- 
Configure bugmail: http://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.