What steps will reproduce the problem?
1. Create valid HTML document with an <a> element.
2. Add <link> to external CSS file with a:before { content:
url(data:image/png;base64,etc...) }
3. Open in IE6 or 7.
What is the expected output? What do you see instead?
I'd expect to see nothing, because IE6/7 can't do base64 data URIs.
Instead I see the text "url(data:image/png" where other browsers (IE8+,
Firefox, Chrome) put the actual image.
What version of the product are you using? On what operating system?
- 2.1 beta4
- IE6 on XP
- IE7 on XP
- IE9 on Vista in IE7 mode
Please provide any additional information below.
This only seems to happen with external CSS files. A <style> element with the
generated content seems unaffected.
For now I've worked around it with:
.ie6 a:before, .ie7 a:before { content: ''; }
See the attachments for an simple test case and screen shot.
Original issue reported on code.google.com by webs...@sesame.co.uk on 21 Mar 2011 at 4:59
Original issue reported on code.google.com by
webs...@sesame.co.ukon 21 Mar 2011 at 4:59Attachments: