CSSを表示するときにdivを表示するとき

-4

サイトでCSSのロールオーバーを使用したいが、CSSを実装しようとするとサイトがクラッシュするので、<div>と何か関係があると思う。それを崩壊から守るために私は何を変えることができますか？CSSを表示するときにdivを表示するとき

jsfiddleリンク：CSSを使用した場合http://jsfiddle.net/ANKwQ/5315/

2017-02-08 Totallyruledup

それは "それはサイトをクラッシュ" あなたに何を意味するのでしょうか？ divに 'display：block;'を追加すると、それはフルサイズに達するように展開されます。サイトの一番上に配置されている場合は、DOMの後ろのすべてが停止します。要素のフォーカスを失うと、ブロックが再び消えて、それをフォーカスすると再び現れます。それは何度も繰り返して、すべてを "点滅"させることができます。 – Tim

サイトにccsを追加すると、サイトは空白になります – Totallyruledup

あなたのページのすべてのdivをターゲットにする 'div {display：none}'を書いたからです – Tim

、あなたは常にあなたが変更する必要があるものだけをターゲットにしようとする必要があります。

あなたの場合、非表示にするIDにIDを追加する必要があります。

#hidemeonly { 
 
    display: none; 
 
    height:30px; 
 
    width:290px; 
 
    margin-left:10px; 
 
} 
 

 
a:hover + #hidemeonly { 
 
    display: block; 
 
}

<a><img src='https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcQB3a3aouZcIPEF0di4r9uK4c0r9FlFnCasg_P8ISk8tZytippZRQ'></a> 
 
<div id="hidemeonly">text</div>

出典

2017-02-08 10:45:47 Tim

サイトではまだ静止画像として座っていて、マウスがロールオーバーしても何もしません – Totallyruledup

あなたのコードについてもっと詳しく説明できますか？ html + css – Tim

http://stay.safeonline.b.hscmedia.io/testing、それはすべてWordPressですので私は確信していません – Totallyruledup

CSSを表示するときにdivを表示するとき

答えて

関連する問題