Maison > interface Web > tutoriel HTML > le corps du texte

新手求教:关于定位和z-index不起作用的问题,请各位大神帮忙,在线等_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:39:17
original
877 Les gens l'ont consulté

代码如下:
nbsp;html>

 


  
  
  
  
  
  下拉菜单
  <script></script>
  <script> <br /> $(document).ready(function(){ <br /> $("#slide").toggle(function(){ <br /> $("#down_box").show(); <br /> },function(){ <br /> $("#down_box").hide(); <br /> }) <br /> }) <br /> <br /> </script>
  
 
 

新手求教:关于定位和z-index不起作用的问题,请各位大神帮忙,在线等_html/css_WEB-ITnose

你好,管理员


新手求教:关于定位和z-index不起作用的问题,请各位大神帮忙,在线等_html/css_WEB-ITnose




 

  我想知道比如为什么后一个div不是应该相对于前一个div进行定位的吗,但是现在后一个div却相对于body进行定位,而且z-index也不管用,这是什么问题?


回复讨论(解决方案)

定位是跟父集相对的  你现在下面的那个div在外面  并不在上一个div里面   
so   就会出现这种情况咯
你这样写


    


你可以仔细去看看  相对定位和绝对定位的知识

后一个div你用的是position:relative,这种方式没有破坏文档流。
而它之前的div,用的是position:absolute,这种方式破坏了文档流,
它们两个div不在一个层面上的。

弱弱问一下。z-index不是叠层次序麽


    

  


随手写的,参考下吧,z-index在这种情况下才会起作用

后一个div你用的是position:relative,这种方式没有破坏文档流。
而它之前的div,用的是position:absolute,这种方式破坏了文档流,
它们两个div不在一个层面上的。 



absolute(绝对定位)和relative(相对定位),通俗来讲前者定位的参照物为父级元素,后者的参照为本身在文档流中的位置
至于z-index的问题,你在网上找找z-index使用时的注意点,再结合你的代码,你就知道了
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal