：ホバーCSSが動作していませんか？

StackOverflow https://stackoverflow.com/questions/861745

  •  21-08-2019
  •  | 
  •  

質問

次のように私はCSSクラスを作成しています：

div.ycontent div.ppclisting { background-color:#cccccc; }
div.ycontent div.ppclisting:hover { background-color:#FFE5DF; }

私は、Firefox、IE 7.0以降およびその他の最新のブラウザではかなり正常に動作している私のページの一つ、上記のスタイルを適用しています。私はその後、別のページに同じスタイルを適用していた場合でも、その動作していません。

誰もが理由で何ができるかを教えてもらえますか？なぜ別のページで働いていないそのています。

役に立ちましたか？

解決

ホバー別のページに取り組んでいませんでした：

私がなぜ答えを得ました。実際には2ページ目にDOCTYPEタグは以下のようにHTMLページに追加されませんでした、

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
divの上でホバー働いていませんでした：

以前の単純な<html>タグとに起因していました。私のためにその作業の上に示すように、DOCTYPEタグを追加した後。

の助けのためのあなたのすべてに感謝します。

他のヒント

ただ、同様の問題がありました。あなたは正しく積み重ねていることを確認してください！すなわち、z屈折率である。

は、それが一つの場所で働いている場合ではなく、別の場所で、その後、どちらかが正しく呼び出されていないか、それが正しく適用されていない。

使用Firebugは、どのようなプロパティ<全角>要素のスタイルが本当に持っている必要がありますを参照してください。そして、タイプミスのためのクラス名を確認してください。説明するように通常は、それが問題を解決します。

また、IE6で、:hoverはa要素で動作します。このことを念頭に置いておいてください。

私はブランドンとagreeanceにいます。

私も追加されます..

あなたが削除する場合：

div.ycontent

：それはこのようになりますよう、あなたのラインから

セクション、 

.ppclisting { 
background-color:#cccccc; 
}

.ppclisting:hover { 
background-color:#FFE5DF; 
}

あなたはそれがあなたの他のページ上で動作するかもしれません。

なぜ？あなたは「クラス」として、これらのスタイルを定義しているので。クラスは、同じスタイルを何度も適用する予定。

その前に「div.ycontent」を配置することで、あなたは基本的に/ CSSクラスのプル可能性を利用していない「制限」されます。

たぶん、他のページ内のネストされたdivがクラスycontentを持っていないおよび/または要素自体は、クラスppclisingではないのですか？

私はちょうど位置していた：絶対親に私を破る：祖父母などの問題ではないようですが、のを置きます。私はそれが普通のことだかどうので、私は知らないこのすべてに新たなんだ。

改正：これは私のためのzインデックスの問題であることが判明。私は置くために-1親、0上の任意の兄弟に指定された位置と1と私はホバー活動をしたかったのdivに必要なます。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top