Skip to content

Instantly share code, notes, and snippets.

@dbergey
Created July 5, 2010 05:01
Show Gist options
  • Save dbergey/464024 to your computer and use it in GitHub Desktop.
Save dbergey/464024 to your computer and use it in GitHub Desktop.
Demonstrates Safari 5 compositing bug
<style>
body { font: 13px arial; }
p { position: relative; }
p.fixed { background: white; }
object {
float: left;
border: 1px solid red;
margin: 0 10px 10px 0;
width: 200px;
height: 50px;
}
</style>
<object type="application/futuresplash"></object>
<p class="fixed">This sentence appears normally.</p>
<p class="broken">This sentence's antialiasing is broken.</p>
@dbergey
Copy link
Author

dbergey commented Jul 5, 2010

Moral: Apply solid backgrounds to elements that also have "position: relative;" to avoid compositing issue that only appears with Flash 10.1 and Safari 5.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment