<!DOCTYPE html>
<style>
div {
  position: absolute;
  width: 100px;
  height: 100px;
}
#test {
  background-color: red;
  -webkit-filter: opacity(0) url(#f);
  filter: opacity(0) url(#f);
}
</style>
<div style="background-color: green"></div>
<div id="test"></test>
<svg height="0">
  <filter id="f">
    <feMerge><feMergeNode in="SourceAlpha"></feMergeNode></feMerge>
  </filter>
</svg>