The image is "content" while an empty div is not.
CSS Sprites with Inline Images | CSS-Tricks - 0 views
-
-
If you want to keep your image as part of the regular flow of the document the best you can, you can always wrap the image in a div with relative positioning
CSS Sprites generator - 0 views
Replacing the -9999px hack (new image replacement) - Jeffrey Zeldman Presents The Daily... - 0 views
-
My friend Scott Kellum, design director at Treesaver, has now sent me this refactored code for hiding text, which I hereby christen the Kellum Method: .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } Really long strings of text will never flow into the container because they always flow away from the container. Performance is dramatically improved because a 9999px box is not drawn. Noticeably so in animations on the iPad 1.
-
Scott Kellum said on 1 March 2012 at 3:41 pm: I went ahead and created a side by side site to test the performance: http://lab.pgdn.us/hidden-text-performance/ @Ethan, This is the best 43min I have ever spent learning about optimizing the performance of my CSS: http://www.youtube.com/watch?v=xuMWhto62Eo
-
Would be interesting to understand both the SEO and accessibility impacts of this approach.
- ...4 more annotations...
CSS Positioning - 0 views
1 - 6 of 6
Showing 20▼ items per page