How can I cover up a <div>'s border with another <div>?

Posted by Leftium on Stack Overflow See other posts from Stack Overflow or by Leftium
Published on 2012-11-04T12:37:12Z Indexed on 2012/11/04 23:00 UTC
Read the original article Hit count: 195

Filed under:
|

I am trying to move GCLI's input from the bottom of the page to the top. However, I can't get it to look quite right. Why can't I get the .gcli-panel-connector <div> to cover up the .gcli-tt <div>'s border? I think it has something to do with the z-index.

Please compare these two live demos:

  • Original code where the input is at the bottom and the border is properly covered
  • Altered code where the input is at the top, but the border is not covered as desired

© Stack Overflow or respective owner

Related posts about css

Related posts about z-index