[Webkit-unassigned] [Bug 73103] New: [REGRESSION] r96393 : Two or more CSS sprites displayed using :after do not work in the same element
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Thu Nov 24 17:12:29 PST 2011
https://bugs.webkit.org/show_bug.cgi?id=73103
Summary: [REGRESSION] r96393 : Two or more CSS sprites
displayed using :after do not work in the same element
Product: WebKit
Version: 528+ (Nightly build)
Platform: Unspecified
OS/Version: Unspecified
Status: NEW
Severity: Normal
Priority: P2
Component: CSS
AssignedTo: webkit-unassigned at lists.webkit.org
ReportedBy: mikelawther at chromium.org
CC: hyatt at apple.com, koivisto at iki.fi
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
--
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.
More information about the webkit-unassigned
mailing list