73068 2011-11-23 21:03:34 -0800 css :hover doesn't work on initially onscreen absolute positioned divs with negative z-index 2022-07-11 16:47:58 -0700 1 1 1 Unclassified WebKit UI Events 528+ (Nightly build) Unspecified Unspecified NEW InRadar P2 Normal --- 1 mikelawther webkit-unassigned bfulgham simon.fraser webkit-bug-importer oldest_to_newest 508603 0 mikelawther 2011-11-23 21:03:34 -0800 As reported at http://code.google.com/p/chromium/issues/detail?id=83533; An absolutely positioned div with a negative zindex that is initially visible without scrolling doesn't have hover applied to it. ---------- <style> div { width: 50px; height: 50px; position: absolute; background-color: blue; z-index: -1; } div:hover { background-color:green; } </style> <div style="top: 200px;"></div> <div style="top: 400px;"></div> <div style="top: 600px;"></div> <div style="top: 800px;"></div> ------------ In the above testcase, any div that is initially offscreen (ie requiring scrolling) will correctly turn green on hover. The ones that are initially onscreen don't. Note you need to load this directly - pasting into something like jsfiddle.net does not repro the problem. Browsers Tested (MacOS): - WebKit Nightly r101106: BAD - Firefox 8.0 : OK - Opera 11.52: OK 508873 1 ap 2011-11-24 12:52:09 -0800 See also: bug 25943. 510022 2 116794 simon.fraser 2011-11-28 11:41:32 -0800 Created attachment 116794 Testcase 1882224 3 bfulgham 2022-07-11 16:47:48 -0700 This continues to be an issue in 2022. Blink and WebKit have the same (broken) behavior. 1882225 4 webkit-bug-importer 2022-07-11 16:47:58 -0700 <rdar://problem/96850674> 116794 2011-11-28 11:41:32 -0800 2011-11-28 11:41:32 -0800 Testcase test.html text/html 303 simon.fraser PHN0eWxlPgpkaXYgewogICAgd2lkdGg6IDUwcHg7CiAgICBoZWlnaHQ6IDUwcHg7CiAgICBwb3Np dGlvbjogYWJzb2x1dGU7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOwogICAgei1pbmRleDog LTE7Cn0KCmRpdjpob3ZlciB7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOmdyZWVuOwp9Cjwvc3R5bGU+ ICAgCgo8ZGl2IHN0eWxlPSJ0b3A6IDIwMHB4OyI+PC9kaXY+CjxkaXYgc3R5bGU9InRvcDogNDAw cHg7Ij48L2Rpdj4KPGRpdiBzdHlsZT0idG9wOiA2MDBweDsiPjwvZGl2Pgo8ZGl2IHN0eWxlPSJ0 b3A6IDgwMHB4OyI+PC9kaXY+