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

Comments

  1. blake says

    March 10, 2009 at 1:31 PM

    what is the website?

    • Josh Hartman says

      March 11, 2009 at 8:20 PM

      http://www.q3ats.com

  2. Ed says

    May 25, 2010 at 7:35 AM

    Sorry to let you know, but the error does in fact appear on IE6 – here for example: https://www.q3ats.com/alcohawk-one-test

    • Josh Hartman says

      May 30, 2010 at 9:12 PM

      That page is not designed to be viewed through a secure connection. As the first sentence of the post says it is the checkout process that needs to be secure and where you don’t want the notice popping up in IE.

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.