• EN
香港:(852)3749 9734
廣州: (020) 3808 3267
[email protected]

新聞資料

網頁設計技巧——模態窗口增加邊緣陰影

       為模態窗口增加邊緣陰影是網頁設計的技巧之一,使用以下這種網頁設計技巧可以很輕松地完成模態窗口增加邊緣陰影。
  
  彈出式菜單和窗口周邊的陰影不僅僅是為了視覺上的美觀享受。還有,陰影一方面增大了菜單或窗口的尺寸,有助于將菜單或窗口從背景中區分開來;另一方面通過邊緣陰影可以屏蔽背景內容的一些噪音干擾。
  
  這個技巧常用于傳統桌面程序,可以把用戶的注意力集中在彈出的窗口上面來。因為很多模態窗口不容易從桌面程序內容頁面中凸顯出來,使用陰影就可以使它們看起來具有立體效果。為實現這樣的效果,網頁設計師往往會將透明的PNG背景圖片作為容器,再把內容填充到容器中,同時等距離填充彈出框各邊緣。或者使用具有透明邊框的背景圖片,并將內容框絕對定位在其中。
  
  另外,也可以使用基于JavaScript的lightboxes命令或者CSS3中的 drop shadows命令,但需要瀏覽器的支持。