-1

シンプルなフォーマットでポップアップウィンドウを表示します。ウィンドウを開くポップアップのさまざまな形式を適用したい。ポップウィンドウが開いたときに見栄えがよくなるように、フォーマットまたはスタイルを適用するにはどうすればよいですか? 以下は私のソースコードです：

HTML:

<div onMouseOver="show('healing')" onMouseOut="hide('healing')"> 
  <div id="healing" class="bgdiv" > 
    <div id ="title" class="Title"> Healing</div>
    <img class="img"  src="images/healing.bmp"> 
    <div class="description" >Welcome Sir.</div>
  </div>
</div>

CSS:

#showhealing, #innovations, #div3 {
    visibility: hidden;    
}

JavaScript:

function show(id) {
    document.getElementById(id).style.visibility = "visible";
}
4

1 に答える 1

0

PoeHaHは正しいです。CSSを使用してポップアップのスタイルを設定できます。CSSを学習するための優れたリソースは、MozillaDeveloperNetworkです。

たとえば、CSSでこれを試してください。

#healing {
    visibility: hidden;
    border: 1px solid blue;
    background: grey;
}

上記は、ポップアップに青い境界線と灰色の背景を与えます。美しくはありませんが、それは原理を示しています。

ちなみに、コード例にはいくつかの矛盾があります（つまり、CSSには#showhealing、HTMLに同等のものがありません）。

于 2012-07-10T09:57:27.710 に答える