title: How can I change the offset parent of an absolutely positioned CSS element?
body: <p>By default, an HTML element whose position is set to "absolute" will be positioned relative to the browser's viewport.  </p>
  
  <p>But if one of the element's ancestors is set to a non-static position, the element will be positioned relative to that ancestor. That ancestor is the element's "offset parent". </p>
  
  <p>The problem: I want to absolute-position an element relative to the viewport, but unfortunately one of its ancestors is relatively positioned, so that has become its offset parent. Since I'm modifying a 3rd-party theme, I can't move the element or remove its ancestor's relative positioning.</p>
  
  <p>Using CSS or JavaScript, is it possible for me to, in effect, set or reset an element's offset parent? I understand that the DOM property [element].offsetParent is read-only, but is there some way to indirectly have the effect of setting it? </p>