Closed Bug 253605 Opened 20 years ago Closed 20 years ago

Glitch when hovering over inline element with background-image and other odd CSS rules

Categories

(Firefox :: General, defect)

x86
Windows XP
defect
Not set
trivial

Tracking

()

RESOLVED DUPLICATE of bug 237766

People

(Reporter: rgg1880, Assigned: bugzilla)

Details

(Keywords: css2)

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8a3) Gecko/20040729 Firefox/0.9.1+ Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8a3) Gecko/20040729 Firefox/0.9.1+ A div absolutely positioned to the far right, with a background-image assigned, that contains the following: 2 main inline elements (<a>'s or <span>'s work) 1 inline element between them Various CSS rules for these elements, as outlined in "Steps to Reproduce" will trigger a graphical glitch if you hover over either of the 2 main inline elements. Reproducible: Always Steps to Reproduce: 1. Copy the code below and save as an HTML page. Be sure to check the notes below the code. 2. Open in Firefox. 3. Hover over "test1" or "test2". <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <<1>> <html> <head> <style type="text/css"> #test {position: absolute; right: 0; padding-left: <<2>>; background: url(whatever.gif<<3>>) bottom left no-repeat} b {display: none} span {padding: 0 7.2px<<4>>} span:hover {border-bottom-width: 1px} </style> </head> <body> <div id="test"> <span>test1</span><b>|</b><span>test2</span> </div> </body> </html> <<1>> XHTML 1.0 Transitional did the same too <<2>> This should be the pixel width of the background-image. In my case, it was 32px. <<3>> I was using an image 32px wide and 9px tall for most of the testing, although the height didn't seem to matter. Just make a test image in your favorite graphics program. <<4>> No idea about this value, but changing it 0.1px up or down makes the glitch disappear. Actual Results: The background image repeated itself behind "test1". This second image disappears after refreshing, switching to another tab and back, etc. Expected Results: Not repeated the background image behind "test1". Just installed the newest trunk. I first noticed this bug using the 7/25/04 (give or take a day) branch. Still occurs with a new profile. No different theme. Using WinXP Pro SP1.
Keywords: css2
I don't know, but from your description it looks like something similar to bug 237766. Could you attach a testcase, which shows the bug? Thanks.
Hmmm... it may very well be. I don't think your bug showed up when I ran a search, but maybe I just overlooked it. I'll look at this more tomorrow and post a testcase if it turns out not to be a duplicate.
I believe my bug is indeed a duplicate. I'm posting some hopefully helpful stuff to <a href="http://bugzilla.mozilla.org/show_bug.cgi?id=237766">bug 237766</a>. *** This bug has been marked as a duplicate of 237766 ***
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.