WarpConduit Computing

  • Quick Tips
  • Web Development
  • WordPress Plugins
  • Home
  • Passphrase Generator
  • Password Generator
  • About
  • Contact

Base64 Inline Images in CSS cause Unsecure Page Warning in IE

February 25, 2009 by Josh Hartman

While working on a magento e-commerce website i found that customers were receiving the “unsecure items” warning during the checkout process.  I used various tools to find the offending item, but was unsuccesful, nothing would tell me what this “unsecure item” was. One thing that i had ignored but suspected was a reference in Firefox’s “View Page Info” window under the media tab.  The address column identified it as “data:image/gif,AAAA” and the size was “unknown” and the type was “image.”  I investigated this item further and found a reference to it inside the lightbox CSS file used as a background-image to create some workaround for an IE issue with the lightbox.  I replaced the base64 background-image reference with a spacer GIF file url, updated the magento cache and voilà, no more unsecure item warnings in IE!

Filed Under: Web Development Tagged With: base64, inline images, magento

Connect

  • Facebook
  • GitHub
  • RSS
  • Twitter
  • YouTube

Recent Posts

  • How to Permanently Remove the “Learn about this picture” Spotlight Wallpaper Icon From Your Windows Desktop
  • How to Quickly Test a Fax Machine
  • Extremely Useful Applications for Web Development and IT Tasks

Tags

automatic benchmark bigint class composer css embed escape event font function gzip helper htaccess html htmlspecialchars image increment javascript jquery list magento media mysql number observer opencart order output photo php profiling random redirect rijndael software text type ubuntu url windows windows 7 wordpress xampp xss

Blogroll

  • CodeIgniter
  • Fusion Forward
  • jQuery
  • Nettuts+
  • Smashing Magazine

© 2025 WarpConduit Computing. All Rights Reserved.