73103 2011-11-24 17:12:29 -0800 [REGRESSION] r96393 : Two or more CSS sprites displayed using :after do not work in the same element 2022-07-12 15:35:30 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Unspecified Unspecified RESOLVED CONFIGURATION CHANGED P2 Normal --- 1 mikelawther webkit-unassigned bfulgham hyatt jbauman jryans koivisto phiw2 oldest_to_newest 508919 0 mikelawther 2011-11-24 17:12:29 -0800 As reported in http://code.google.com/p/chromium/issues/detail?id=104991: All CSS sprites using :after in the same element use the first sprite. Repro: ----- <style> a[href="/oregon"]:after, a[href="/arkansas"]:after, a[href="/sanjosestate"]:after { width: 27px; height: 20px; display: inline-block; background-repeat: no-repeat; background-image: url(http://thumbs.reddit.com/t5_2qm9d_3.png); background-position: -9999px -9999px; vertical-align: middle; margin-right: -3px } a[href="/oregon"]:after { content: ""; background-position: -140px -1400px } a[href="/arkansas"]:after { content: ""; background-position: 0 -350px } a[href="/sanjosestate"]:after { content: ""; background-position: -210px -70px } <style> <p>In Chrome 16+, if two or more sprites are in the same element, the first takes the place of all the following ones. For example, <a href="/oregon" rel="nofollow"></a>, <a href="/arkansas" rel="nofollow"></a>, and <a href="/sanjosestate" rel="nofollow"></a> all appear as Oregon to me.</p> ----- Clicky here: http://jsfiddle.net/B3aZz/3/ Browsers tested (MacOS 10.6): WebKit r96392: OK WebKit r96393: BAD WebKit Nightly r101141: BAD Firefox 8.0: OK 508926 1 phiw2 2011-11-24 19:10:47 -0800 That sounds fairly similar to bug 71621 509177 2 koivisto 2011-11-25 08:19:18 -0800 Sounds like style sharing rules need some tightening for :before and :after. 613165 3 jbauman 2012-04-30 18:51:06 -0700 *** Bug 85168 has been marked as a duplicate of this bug. *** 1882691 4 bfulgham 2022-07-12 15:35:30 -0700 Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.