0
作品これは私の要素のために私にホバー状態を与えるものではありません:ホバーは、外
.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のボタンでホバー状態を取得するために必要なことはありますか?
質問を求めるコードヘルプには、問題**の中で、** [** Stack Snippet **](https://blog.stackoverflow.com/2014/09/)のコードを再現するのに必要な最短コードを含める必要があります。 introduction-runnable-javascript-css-and-html-code-snippets /)があります。 [**すべての*関連* * CSSを提供する必要があります、**完全な、そして、確認可能な例**を作成する方法を参照してください(http://stackoverflow.com/help/mcve)問題。 –
...特にポジショニング... –
私はあなたのデモを試してみましたが、[それはうまくいきます](http://kodeweave.sourceforge.net/editor/#39931f5a38904d0d4f21961ac55a4c42)。すべてのコードを表示していないことは明らかです。メインスタイルシートに矛盾するCSSがある可能性があります。私が働いているものがわからないと助けにならない。 –