Hi I would like to freeze an image other than the background image. How can I keep images locked in place while the rest of the page scrolls?
Thanks
Joe
Thanks
Joe
<style type="text/css"> #the-image { position:fixed; /*for browsers that understand position:fixed;*/ } * html #the-image { position:relative; top:expression(this.offsetParent.scrollTop - 2); /*for MS IE, that understands expressions but not position:fixed; ironic isn't it*/ } </style>
<img src="blah.jpg" id="the-image" alt="">
<style type="text/css"> .fixedimage { position:fixed; /*for browsers that understand position:fixed;*/ } * html .fixedimage { position:relative; top:expression(this.offsetParent.scrollTop - 2); /*for MS IE, that understands expressions but not position:fixed; ironic isn't it*/ } </style>
<img src="blah.jpg" class="fixedimage" alt="">
Comment