ホバーは、外

Question

作品これは私の要素のために私にホバー状態を与えるものではありません：

.button:hover { 
 
    opacity: .7; 
 
}

<div id="banner"> 
 
    <div id="frame1"> 
 
    <p id="txt1" class="white droid">Some dogs</p> 
 
    <p id="txt2" class="white droid">Don't like to bark</p> 
 
    <button class="button">Reverse!</button> 
 
    </div> 
 
    <div id="border"></div> 
 
</div>

私は以下のHTMLを変更する場合は、ボタンはありません私にホバー状態を与える：

.button:hover { 
 
    opacity: .7; 
 
}

<div id="banner"> 
 
    <div id="frame1"> 
 
    <p id="txt1" class="white droid">Some dogs</p> 
 
    <p id="txt2" class="white droid">Don't like to bark</p> 
 
    </div> 
 
    <div id="border"></div> 
 
    <button class="button">Reverse!</button> 
 
</div>

注：ボタンを含むDIVは絶対配置に設定されています。

ネストされたDIVのボタンでホバー状態を取得するために必要なことはありますか？

Answer 1

何かの理由で私はクロムの中でボタン上のzインデックスを上げるだけで動作しました。私はアドバイスに従って、違反行の開発者ツールを調べます。申し訳ありませんが、私はすべてのコードを投稿する必要があります。今すぐコーヒーが必要です。