Question

我以简单的格式显示弹出窗口。我想应用不同格式的打开弹出窗口。如何在弹出窗口打开时应用格式或样式以使其看起来非常好？以下是我的源代码：

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";
}

Answer 1

PoeHaH是对的;你可以使用CSS设置弹出窗口的样式。学习CSS的一个很好的资源是Mozilla Developer Network。

例如，在CSS中试试这个：

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

以上将为弹出窗口提供蓝色边框和灰色背景。我知道，这并不美丽，但它证明了这一原则。

顺便说一句，你的代码示例中存在一些差异（例如，在CSS中你有#showhealing，它在HTML中没有等效物。）

如何将不同的格式或样式应用于弹出窗口

1 个答案: