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

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中没有等效项）。