html – css定位z-index负边距

前端之家收集整理的这篇文章主要介绍了html – css定位z-index负边距前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下html – 无论我做什么,我似乎都不会让中间的div出现在顶部,也在底部的顶部.它位于顶部,但我希望底部坐在中间的底部实际上位于顶部.有任何想法吗 ? Jsfiddle链接下面也..提前谢谢!
  1. <body>
  2. <div>
  3. <div id="tdiv" >Top Div</div>
  4. <div id="connector">Middle Didv</div>
  5. <div id="bdiv">Bottom Div </div>
  6. </div>
  7. </body>
  8.  
  9.  
  10. #tdiv{
  11.  
  12. height:200px; border:10px dotted black ;
  13. margin-bottom: -100px;
  14. background:red;
  15.  
  16. }
  17.  
  18.  
  19.  
  20. #connector{
  21.  
  22. height:200px;border:10px solid black;
  23. background:blue;
  24. margin-bottom: -100px;
  25. z-index: 21;
  26.  
  27. }
  28.  
  29. #bdiv{
  30.  
  31. border:21px dashed black;
  32. height:200px;
  33. z-index: 1;
  34. background:green;
  35. }

http://jsfiddle.net/EWkMA/29/

解决方法

z-index在静态定位元素上是无用的.尝试位置:亲戚.如果利润率不足,则使用顶部或底部和负值.

猜你在找的HTML相关文章