HTML中iFrame標簽的兩個用法介紹_HTML/Xhtml_網頁制作
來源:懂視網
責編:小采
時間:2020-11-27 16:48:58
HTML中iFrame標簽的兩個用法介紹_HTML/Xhtml_網頁制作
HTML中iFrame標簽的兩個用法介紹_HTML/Xhtml_網頁制作:最近工作有個在項目-布兜收藏夾。簡言之就是將喜歡的圖片收藏到布兜頁面上來,這其中用到了很多關于iframe的方面,總結如下: 1. 作為彈出層鋪底覆蓋 大家如果做過那種黑色遮罩蓋住整張頁面,而碰巧用戶用的是IE6,更碰巧的是頁面上有select元素,那就有
導讀HTML中iFrame標簽的兩個用法介紹_HTML/Xhtml_網頁制作:最近工作有個在項目-布兜收藏夾。簡言之就是將喜歡的圖片收藏到布兜頁面上來,這其中用到了很多關于iframe的方面,總結如下: 1. 作為彈出層鋪底覆蓋 大家如果做過那種黑色遮罩蓋住整張頁面,而碰巧用戶用的是IE6,更碰巧的是頁面上有select元素,那就有

最近工作有個在項目-布兜收藏夾。簡言之就是將喜歡的圖片收藏到布兜頁面上來,這其中用到了很多關于iframe的方面,總結如下:
1. 作為彈出層鋪底覆蓋
大家如果做過那種黑色遮罩蓋住整張頁面,而碰巧用戶用的是IE6,更碰巧的是頁面上有select元素,那就有得頭疼了(原理就不在這里贅述了)。我們會發現彈出的DIV沒法遮住select, 輪到我們的iframe出場了。邏輯如下:
與彈出div同級放入iframe
保證iframe的 z-index小于彈層div z-index
增加window resize和scroll事件, 保證iframe能蓋住整張頁面
部分代碼
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
HTML中iFrame標簽的兩個用法介紹_HTML/Xhtml_網頁制作
HTML中iFrame標簽的兩個用法介紹_HTML/Xhtml_網頁制作:最近工作有個在項目-布兜收藏夾。簡言之就是將喜歡的圖片收藏到布兜頁面上來,這其中用到了很多關于iframe的方面,總結如下: 1. 作為彈出層鋪底覆蓋 大家如果做過那種黑色遮罩蓋住整張頁面,而碰巧用戶用的是IE6,更碰巧的是頁面上有select元素,那就有