endform/container.html

## container.html
<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        background-color: grey;
      }
    </style>
  </head>
  <body>
    <h2>Containing Page</h2>
    <div>
      <iframe src="./iframed.html"></iframe> <!-- comment out this line to see the data uri functioning correctly -->
      <iframe src="./iframed.html#noredirect"></iframe>
    </div>
  </body>
</html>

## iframed.html
<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        background-color: white;
      }
      i {
        display: inline-block;
      }
      .icon {
        width: 24px; height: 24px;
        background-image: url(data:image/png;base64,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);
      }
    </style>
    <script>
      document.onreadystatechange = function () {
        if (window.location.hash != '#noredirect') {
          window.location.href = 'about:blank';
        }
      }
    </script>
  </head>
  <body>
    <h2>iframed, element with data uri as background</h2>
    <div>
      <i class="icon"></i>
    </div>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	body {
	background-color: grey;
	}
	</style>
	</head>
	<body>
	<h2>Containing Page</h2>
	<div>
	<iframe src="./iframed.html"></iframe> <!-- comment out this line to see the data uri functioning correctly -->
	<iframe src="./iframed.html#noredirect"></iframe>
	</div>
	</body>
	</html>