HTML5 тег <base> внутри вложенных фреймов игнорируется IE11
У меня есть веб-сайт, который показывает удаленный документ внутри iFrame. Этот документ содержит относительные пути к его ресурсам, таким как изображения, поэтому JavaScript в качестве базового тега вводит абсолютный URL-адрес в заголовок удаленного документа. Это отлично работает и выглядит так:
<html>
<head><title>My application</title></head>
<body>
<h1>Take a look at this document:</h1>
<iframe src="http://www.remote.com/a/b/c/">
<html>
<head>
<base href="http://www.remote.com/a/b/c/"</base>
</head>
...
</html>
</iframe>
</body>
</html>
Это работает отлично, как задумано. Теперь может случиться так, что само мое приложение будет загружено в iframe следующим образом:
<html>
<head>...</head>
<body>
<h2>Take a look at that application:</h2>
<iframe src="http://myapplication.com"></iframe>
</body>
</html>
где URL http://myapplication.com/ загружает точно такой код в iframe.
Это также прекрасно работает в большинстве протестированных браузеров (Chrome, Firefox, ...), но не работает в IE11. Ресурсы изображений с внутреннего сайта теперь загружаются с сайта myapplication.com (там, где их нет), а не с remote.com/a/b/c. Таким образом, базовый тег внутреннего документа в этом случае игнорируется.
У кого-нибудь есть решение этой проблемы?