2019-10-27 seo達人
開發(fā)工具與關鍵技術:Adobe Dreamweaver CC
作者:黃燦
撰寫時間:2019.1.16
在模仿華為官方網(wǎng)頁的練習當中我發(fā)現(xiàn)華為官網(wǎng)中有一個遮罩層是隨便點擊遮罩層的背景也能關閉掉遮罩層,但唯獨點擊內(nèi)容區(qū)域不會關閉掉遮罩層。于是我開始模仿這個寫案例,連內(nèi)容也一模一樣(因為這個練習就是要寫出和華為關一樣的效果或則比它更好的效果),一開始我是這樣子寫的(圖1)
圖1
class=Select_Region_bj 我給了一個灰色半透明的背景樣式,后來在Javascript中寫onclick事件無論這么寫,點擊內(nèi)容區(qū)也是會關閉掉遮罩層。我百思不得其解到底怎么樣寫才能點擊內(nèi)容區(qū)不會關閉遮罩層,后來下課期間我看見我同學他寫的帶能點擊內(nèi)容區(qū)不會關閉遮罩層。我問他你是這么寫的,他告訴我:“把他們分離就可以的了?!蔽宜伎剂艘粫X補:分離?怎么分離?補著補著補著就補出了背景和內(nèi)容區(qū)分離。分離寫(圖2)
圖2
把背景層和內(nèi)容區(qū)分開來寫,不要在背景層中包裹內(nèi)容,這樣子點擊內(nèi)容區(qū)就不會關閉掉遮罩層了!
藍藍設計( www.miumiuwan.com )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務。