上にカーソルを置くとテキストが消えてしまいます

Question

私の上にマウスを置くと、テキストが消えてしまいます。みんな助けてくれますか？

は、これは私のCSS

p:hover { 
    display: none; 
} 

であり、これは私のhtmlです：

I want to be your <p>girl</p>friend. 

はあなたの助けのために事前にありがとうございます！

Answer 1

のみ

<p id="text">I want to be your <span id="disappear">girl</span>friend.</p>

CSSが原因であなたと、このために動作しません。あなたは、特定のidと外側のテキストを持っている消えるしたいテキストが同様に特定のテキストを持っている：作りますそれを消えるように要素をホバーすると、もはやホバリングしなくなり、再び現れるだけです。これは、それが継続的にちらつく原因になります。したがって、このために、我々はいくつかのJavascriptをする必要があります：

var disappear = $("#disappear"); 
$("#text").hover(function(){ 
    disappear.hide(); 
}, function() { 
    disappear.show(); 
}); 

このJavaScriptはオブジェクトとしてdisappear要素を格納します。それから、text要素がホバリングされ "見えなく"なるまで待つ（最初のパラメータはホバリングのためのものであり、2番目のパラメータは "アンホバリング"のためのものである）。 textがホバリングされた場合、.hide();を使用してdisappearが非表示になります。 textが見つからない場合、disappearは.show();を使用して示されます。

ここにそれのためのフィドルです：JSFiddle

Answer 2

"p"タグにクラスを割り当ててから、class：hover属性、display：noneを指定します。

HTML: 
I want to be your <p class="disp">girl</p> friend. 

CSS: 
.disp:hover { 
    display: none; 
}