国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本
首頁
|
新聞
|
娛樂
|
游戲
|
科普
|
文學
|
編程
|
系統
|
數據庫
|
建站
|
學院
|
產品
|
網管
|
維修
|
辦公
|
熱點
首頁
>
編程
>
JavaScript
> 正文
lightBox 簡易的全屏透明遮罩解決方法
2019-11-21 00:27:02
字體:
大
中
小
來源:
轉載
供稿:網友
步入正題:
現在全屏的半透明遮罩層在web2.0網站應用非常廣泛了,絕大多數遮罩是通過計算頁面大小,然后覆蓋一個與頁面同等大小的層實現,如騰訊qzone, wordpress后臺。這種方式本來無可非議,但是在頁面很長的時候在IE8下會失效(國外資料的解釋是與機器顯卡相關),有些完美情節的同學遇到這個問題后就抓破了頭,無奈之下甚至想讓IE8強制使用IE7的方式解析他的作品。其實我們有一個更好的方法,咱們用CSS去解決它!
還記得“position:fixed”嗎?它是css2的一個新增的屬性,他可以讓一個元素靜止在頁面上,拖動滾動條也不會動,如Qzone頂部固定的導航欄就是這樣實現的。同樣我們也可以用一個100%高寬的層覆蓋瀏覽器視口,這樣就可以實現全屏遮罩了。不用再計算頁面的大小,調整瀏覽器大小的時候也不要去動態修改尺寸了。
lock page
主站蜘蛛池模板:
广德县
|
辽中县
|
伊吾县
|
富宁县
|
武平县
|
海林市
|
麻江县
|
绵竹市
|
江阴市
|
万年县
|
喀喇沁旗
|
黑山县
|
民勤县
|
聊城市
|
商洛市
|
唐山市
|
合水县
|
萝北县
|
崇仁县
|
濉溪县
|
涟水县
|
潼南县
|
保靖县
|
大田县
|
阜新
|
麻栗坡县
|
双流县
|
广平县
|
宝山区
|
乡城县
|
穆棱市
|
文化
|
建德市
|
西华县
|
遂平县
|
华安县
|
阿尔山市
|
兰西县
|
寿宁县
|
澄迈县
|
中阳县
|