2009-05-14 14 views
2

次のように私はCSSクラスを作成しました::ホバーCSSが機能していませんか?

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

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

誰かが理由を教えてくれますか?なぜ他のページで動かないのか?

答えて

17

私はなぜ:ホバーが別のページで動作していないという答えを得ました。 div要素が働いていなかった上にカーソルを移動:実際には2ページ目にDOCTYPEタグが

<!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"> 

は以前それが <html>タグとに起因して簡単だった、以下のようなHTMLページに追加されませんでした。上記のようにDoctypeタグを追加した後、私のために働いています。

ご協力いただきありがとうございます。

+1

あなたは、 ** div **。それは助けになるかもしれません...しかし、私はDoctypeがこれに影響を与えたことは聞いたことがありません。 – Boldewyn

+3

これも私たちの問題を解決しました。なぜこの問題を解決するのか誰も説明できますか? – Lightbeard

+0

これは、W3Schoolsのチュートリアルのリンクhttp://www.w3schools.com/cssref/sel_hover.asp – Usha

0

他のページのネストされたdivにクラスycontentがなく、要素自体がppclisingではない場合がありますか?

+0

私はちょうど私が入力したものを書いた;) –

2

別の場所ではなく1か所で作業している場合、正しく呼び出されていないか、正しく適用されていないかのいずれかです。

ファイヤーバグを使用して、どのようなプロパティを参照してくださいは、スタイルが実際に持っているする必要があります。次に、クラス名で入力ミスをチェックします。通常、それは説明されているように問題を解決します。

+0

私はWEB開発者ツールバー(firefox拡張子)でプロパティをチェックし、最初のページでは.ycontentと.ycontent:hoverプロパティを表示しますが、 .ycontentクラスは.ycontent:hoverクラスではありませんか? – Prashant

2

また、IE6では、:hovera要素でのみ動作します。心に留めておきます。

+0

私はそれを知っているので、私は私の質問にIE7 +を挙げました。 – Prashant

1

私はブランドンに同意しています。

私も追加されます。..

削除した場合:

.ppclisting { 
background-color:#cccccc; 
} 

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

あなたはそれを見つけることがあります。それはこのようになりますように、あなたのラインから

div.ycontent 

セクションをあなたの他のページで作業してください。

なぜですか?これらのスタイルを「クラス」として定義しているからです。クラスは同じスタイルを何度も適用しようとします。

"div.ycontent"を前に置くことによって、CSSクラスのプルポテンシャルを本質的に「制限する」/利用しないことになります。

+1

はい、これは彼が今すぐに持っていたはずのケースで、他のページにはdiv.ycontent要素V-UPがありませんでした – Dels

+0

すべてのページに.ycontentのdivがあります – Prashant

3

同様の問題がありました。正しく積み重ねていることを確認してください!つまり、z-indexです。

0

私はちょうど親の位置で絶対位置を持っていました:私はホバーズを壊しましたが、それは祖父母としての問題ではないようです。私はこれのすべてに新しいので、それが正常かどうかわからない。

改正:これは私のZインデックスの問題であることが判明しました。私は-1を親に、0を指定した兄弟には0を指定し、divには1を指定する必要がありました。

関連する問題