【 ＨＰ作成質問箱 】

【ＨＰ作成質問箱/詳細】　一覧 / 詳細

　 No.11652　CSS化

[ハル] [ブラウザ]　 12/11/20 (火) 07:26

初めまして。
CSS勉強中の身です。

http://copicopi.com/onmousefont.html
上記HPに記載されているサンプル…

------------------------------------------------------
<span onmouseover="document.all.item('moji2').style.visibility='visible'" onmouseout="document.all.item('moji2').style.visibility='hidden'">
この文字にマウスをのせて下さい♪
</span>

<div ID="moji2" style="visibility:hidden;">
表示される文字
</div>
----------------------------------------------------------------------------------
これをスタイルシートにするとどのようになるのでしょうか？
オンマウスのCSSがわかりません…。
よろしくお願いします。

▼

▼

▼

　 No.11654　Re:CSS化

[atom] [ブラウザ]　 12/11/20 (火) 12:33

少し勘違いされてるようです。

「オンマウス（マウスを乗せると．．）」は動的機能であり、CSSは基本、静的な機能です。

ですから、今回のようなJavascriptの「オンマウス（マウスを乗せると．．）」に該当する機能は、CSSには存在しません。

▼

▼

▼

　 No.11655　Re^2:CSS化

[ハル] [ブラウザ]　 12/11/20 (火) 19:29

早速の返信ありがとうございます。
オンマウスはJavascriptなんですね…そこからすでに分かってなかったみたいで申し訳ありません。
CSSではテキストや画像の表示・非表示化はできないのでしょうか？

▼

▼

▼

　 No.11656　Re^3:CSS化

[atom] [ブラウザ]　 12/11/20 (火) 21:31

動的にはできません。

静的になら指定することはできます。

使う目的によって異なりますが、次のようなものがあります。

【非表示の場合】
visibility: hidden;
display: none;

【表示の場合】
visibility: visible;
display: block;　あるいは、　display: inline;　など．．

CSSやスタイル属性で使用できます。

▼

▼

▼

　一覧 / 詳細