如何將不同的格式或樣式應用於彈出窗口

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中沒有等效項）。