Is there a way for nesting an image in an HTML page *inline* in IE7?
I can’t use external resource, all because of a particular server configuration (it’s a web dispatcher in maintenance mode that redirects all requests to a single .html page).
So I can’t afford using the classical embedding by using the following:
<html>
<img src="mypic.jpg" />
</html>
When looking for a solution, I found these:
- Using inline SVG within an XHTML file # => I can’t use XHTML extension in my case the page has the .html extension (and I can’t change it)
- Using base64 encoding # => It works pretty well with Firefox & Chrome, but not in IE7
None of which seem to be working in my configuration.
The more I seek the less I hope. Any ideas?
The only option, as far as I know, for embedded image in an HTML document for current versions of Internet Explorer is VML (which isn’t supported by anything other than Internet Explorer).
You could use something like Raphaël to abstract the VML or SVG into a single JS script (but that would add a dependency on JavaScript).
That easiest option would probably be to reference a normal image on an external URI … on a different server.