css shadow, overlay

พอเริ่มใช้ lightbox go wild แล้ว ก็เลยเริ่มมองเห็นพวกที่ใช้ shadow เยอะขึ้น
อย่างอันนี้ เป็น menu ที่มีการใช้ layer เข้ามาทำเงา
Pop-Up Menus



technique ที gone-wild ใช้ จะใช้การ set สี backgroup
และกำหนด opacity

#overlay {
    ...
    background-color:#000;
    opacity:.80;
    filter: alpha(opacity=80);    
    -moz-opacity: 0.8;  
}

ส่วน popup menu ใช้ image ที่เป็น transparent background

background-image: url(shadow.png);

อ่านเพิ่มเติม

• CSS Opacity and Transparency