<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
* html,* html body{background-image:url(about:blank);background-attachment:fixed}
body{
height: 2000px;
}
.h-fix-left{
width:140px;height:140px;position:fixed;left:0;top:150px;
_position:absolute;
_left:expression(eval(document.documentElement.scrollLeft+0));
_top:expression(eval(document.documentElement.scrollTop+150));z-index:990;
}
.h-fix-right{
width:140px;height:140px;position:fixed;right:0;top:200px;
_position:absolute;
_right:expression(eval(document.documentElement.scrollRight+0));
_top:expression(eval(document.documentElement.scrollTop+200));z-index:990;
}
img{
width: 100%;height: 100%;
}
</style>
</head>
<body>
<div class="h-fix-left">
<img src="img/img.jpg" />
</div>
<div class="h-fix-right">
<img src="img/img.jpg" />
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
* html,* html body{background-image:url(about:blank);background-attachment:fixed}
body{
height: 2000px;
}
.h-fix-left{
width:140px;height:140px;position:fixed;left:0;top:150px;
_position:absolute;
_left:expression(eval(document.documentElement.scrollLeft+0));
_top:expression(eval(document.documentElement.scrollTop+150));z-index:990;
}
.h-fix-right{
width:140px;height:140px;position:fixed;right:0;top:200px;
_position:absolute;
_right:expression(eval(document.documentElement.scrollRight+0));
_top:expression(eval(document.documentElement.scrollTop+200));z-index:990;
}
img{
width: 100%;height: 100%;
}
</style>
</head>
<body>
<div class="h-fix-left">
<img src="img/img.jpg" />
</div>
<div class="h-fix-right">
<img src="img/img.jpg" />
</div>
</body>
</html>