CSSで非表示のWebbotを表示

以下のリンクのシナリオを試してみました。それはテキストでうまく動作しますが、私のクライアントが必要としているのは、Webbot HitCounterを隠し、マウスを置いたときに表示することです。どんな助けでも大歓迎です。CSSで非表示のWebbotを表示

Show hidden text on hover (CSS)

<div id="DivForHoverItem"> 
      <div id="HiddenText"><p class="auto-style4"> 
       <!--webbot bot="HitCounter" i-image="0" I-ResetValue="0" I-Digits="0" U-Custom --></p></div> 
      </div> 
     </div>

CSSコード：

/* Div for hover item */ 
#DivForHoverItem { 
    height: 50px; 
    width: 300px; 
    background-color: black; 
    text-align:center; 
} 

#HiddenText { 
    display:none; 
} 

#DivForHoverItem:hover #HiddenText { 
    display:block; 
}

出典

2016-10-05 David Barnett

実際に尋ねるものは不明です。 cssを使ってテキスト（またはコンテンツ）を隠す方法が分かっている場合は、divで保持されているどのようなコンテンツでも行うことができます。だから何が実際の質問ですか？ – arkascha

実際に欲しいものを理解することは難しいですか？ –

カウンターが見えなくなってからマウスが "webbot"の上に来たときに私のクライアントが実際に必要とするものは、カウンターを見せてください。 –

display:noneがレイアウトから要素を（DIVのスペースを占有しない） "削除する" ということを覚えておいてください。だから、あなたはカーソルを指すことは何もない（固定サイズの別の折り返しdiv/divを作成せずに、あるいはjsと別の要素の条件にgettinngすることなく）、ホバー効果を開始することができます。

おそらく外側のラッパーdivですか？おそらくvisibility: hiddenの場所display:none？多分Z-Indexを変更しますか？または、上にある別のdiv（背景の単色でそれを覆う）、アルファ透明度がホバー上で変化する（CSSアニメーションをフェードアウトさえする）？

出典

2016-10-05 15:05:47

私はvisibility：hiddenで置き換えようとしましたが、結果にはまだ変更はありません。あなたは私にZ-インデックスの変更の例を教えてもらえますか？ –

はz-index：-99、z-index：99で表示できます –

CSSで非表示のWebbotを表示

答えて

関連する問題