Html CSS位置绝对Make Behind元素不能使用

Html CSS位置绝对Make Behind元素不能使用,html,css,Html,Css,我有这样的问题 相对的{ 位置:相对位置; 宽度:100%; 身高:100%; 文本对齐:居中; } 钮扣{ 利润率:10px自动; 宽度:200px; 高度:自动; 边框:1px实心; 边界半径:5px; } 绝对的{ 位置:绝对位置; 排名:0; 左:0; 高度:250px; 宽度:100%; 边框:实心1px 000000; 颜色:蓝色; 字体大小:粗体; 填充顶部:60px; /*不透明度:0*/ } 按钮:悬停{ 背景色:eed5a4; } 如果可以的话,让我停下来。 绝对是我,伙计

我有这样的问题

相对的{ 位置:相对位置; 宽度:100%; 身高:100%; 文本对齐:居中; } 钮扣{ 利润率:10px自动; 宽度:200px; 高度:自动; 边框:1px实心; 边界半径:5px; } 绝对的{ 位置:绝对位置; 排名:0; 左:0; 高度:250px; 宽度:100%; 边框:实心1px 000000; 颜色:蓝色; 字体大小:粗体; 填充顶部:60px; /*不透明度:0*/ } 按钮:悬停{ 背景色:eed5a4; } 如果可以的话,让我停下来。 绝对是我,伙计!! 如果我>>不透明度:0 按钮仍然不能悬停。 添加位置:相对位置;按钮本身的z指数高于绝对div,如下所示:

HTML


像这样替换按钮css

button {
   border: 1px solid;
   border-radius: 5px;
   height: auto;
   margin: 10px auto;
   position: relative; /* newly added */
   width: 200px;
   z-index: 9; /* newly added */
}

谢谢@daniel lisik,你们是很棒的人。非凡的

相对的{ 位置:相对位置; 宽度:100%; 身高:100%; 文本对齐:居中; } 钮扣{ 位置:相对位置; z指数:5; 利润率:10px自动; 宽度:200px; 高度:自动; 边框:1px实心; 边界半径:5px; } 绝对的{ 位置:绝对位置; z指数:1; 排名:0; 左:0; 高度:250px; 宽度:100%; 边框:实心1px 000000; 颜色:蓝色; 字体大小:粗体; 填充顶部:60px; /*不透明度:0*/ } 按钮:悬停{ 背景色:eed5a4; } 如果可以的话,让我停下来。 绝对是我,伙计!! 如果我>>不透明度:0 按钮仍然不能悬停。
这也不是所有的,我只是想了解他发生了什么,只需添加类和z-指数,你的答案是正确的,我不是下一个什么该死的人,这很可怕:D。我现在真的很高兴。谢谢,哥们。完成了,哥们::这是一个好消息idea@jishnuVS araitAlso:读入指针事件:无。如果在父级上添加,也应该可以工作。
#absolute { z-index:1 }

#relative-button { position:relative; z-index:2 } 
button {
   border: 1px solid;
   border-radius: 5px;
   height: auto;
   margin: 10px auto;
   position: relative; /* newly added */
   width: 200px;
   z-index: 9; /* newly added */
}