Stretch Background Picture

34572 views

Added by productions Its a workaround to a function that should be available in the next browser generation. Means you can add a background picture to your page that is stretched over the whole page! Unfortunatelly with Internet Explorer it doesnt work to make it not scrolling! Works fine on Firefox. NOTE: to change the background picture simply change the url in the third line (starting with 'var newbackgroundimage='). Good luck and enjoy. [This code has been published on this page, if you think its useful and want to copy it please say at least where you got if from. Thx]

» Discuss about this code snippet on imvuboard.com

<script type="text/javascript">
/* by productions published on http://imvu.at/ic106 under CC-Share-alike license */
  /* (C) 2007 imvucodes.net */
var copiedfrom='www.imvucodes.net';
  var newbackgroundimage='http://www.imvucodes.net/src/837a9f9268142a768c8d1f17b644e521_14877.png';
  document.getElementById('message-stack').innerHTML='<img src="'+newbackgroundimage+'" width="100%" height="100%" alt="This code was published on IMVUCODES.NET. If you copy it then say at least where you got it from. Thx.">';
</script>
<style type="text/css">
  #message-stack, .byimvucodesnet { position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; }
</style>
<!--[if gte IE 6]>
<style type="text/css">
  html {overflow-y:hidden;}
  body {overflow-y:auto;}
  #imvuParentTable {position:static;}
  #message-stack {position:absolute; z-index:-1;}
</style>
<![endif]-->

Click the code to select, press CTRL+C to copy and CTRL+V to paste at the wanted location.

Adjust code

Share:
Preview: Try this code
Problem? Report

Stretch Background Picture

34572 views

Adjust code

Comments