background-color无法隐藏按钮输入

Question

我在样式表中给了div一些background-color属性。

.suggest_page {
    position: absolute; // it is gonna come on my button input 
    background-color: #ccffcc;
}

当按下按钮时，按钮出现。我不想要这个。我希望background-color遍布所有地方。我该怎么办？

注意：我可以停用该按钮，但我不想这样做。

Answer 1

将z-index添加到您想要覆盖的html样式中，或者您可以执行相反的操作并将其添加到按钮中，例如

<强>风格

.suggest_page {
    position: absolute; // it is gonna come on my button input 
    background-color: #ccffcc;
    z-index:2; /*Has to be greater than what your button is */
}

或您的按钮

#Button {
    z-index:-1; /* Has to be less than your suggest_page */
}