Yikes, was I brain dead?

Fixed this by layering using position: relative; for everything but the 
enclosing <div id="absolute-origin"> then made top: -n*height; for the 
image and a tag. Had to use a fixed height for everything. Probably a 
better way but it works, even all the fluid stuff.

div#absolute-origin {
  height: 550px;
}

div#absolute-origin iframe{
  position: relative;
  height: 550px;
  width: 100%;
  border: 0px;
}

div#absolute-origin a {
  z-index:3;
  display: block;
  position: relative;
  top: -550px;
  width:100%;
  height:550px;
}

div#absolute-origin img {
  z-index:2;
  position: relative;
  top: -1100px;
  width: 100%;
  height: 550px;
}

-- 
You received this message because you are subscribed to the Google Groups 
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.


Reply via email to