<!DOCTYPE html>
<html reftest-async-scroll
      reftest-displayport-x="0" reftest-displayport-y="0"
      reftest-displayport-w="800" reftest-displayport-h="2000"
      reftest-async-scroll-x="0" reftest-async-scroll-y="100">
<style>

body {
  margin: 0;
  overflow: hidden;
  height: 4000px;
}

.opacity {
  opacity: 0.8;
}

.box {
  left: 0;
  top: 200px;
  width: 200px;
  height: 200px;
}

.absolute {
  position: absolute;
  background: green;
}

.fixed {
  position: fixed;
  background: blue;
}

</style>

<div class="opacity">
  <div class="box absolute"></div>
  <div class="box fixed"></div>
</div>