Fatal编程技术网
  • css/
  • Css 为什么缩放会将我的子菜单移到其他列表的下方？

Css 为什么缩放会将我的子菜单移到其他列表的下方？

css

Css 为什么缩放会将我的子菜单移到其他列表的下方？,css,scale,Css,Scale,我有一个关于css3量表的问题，请参阅我的 当鼠标悬停在link1上时，子菜单将出现，但row-2将覆盖它们。但是如果我注释掉-webkit-transform:scale（.9,9），row-2不会覆盖link1中来自row-1的子菜单 我不知道为什么scale会这样做，有没有人有过类似的经历？您需要添加以下内容： ul > li { float: left; -webkit-transform: scale(.9, .9); position:relative;

我有一个关于css3量表的问题，请参阅我的

当鼠标悬停在
link1
上时，子菜单将出现，但
row-2
将覆盖它们。但是如果我注释掉
-webkit-transform:scale（.9,9），
row-2
不会覆盖
link1
中来自
row-1
的子菜单


我不知道为什么
scale
会这样做，有没有人有过类似的经历？
您需要添加以下内容：


ul > li {
    float: left;
    -webkit-transform: scale(.9, .9);
    position:relative; /* This is required */
}
ul li:hover {
    z-index:1; /* This is also required */
}


这是因为子
ul
元素具有
position:absolute
，因此您需要父元素上的
position:relative
，因为父元素上的
变换创建了一个新的堆叠上下文。新的堆叠上下文阻止子
ul
在其他
li
元素上显示