DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 手機浏覽器不支持position: fix的解決方法
手機浏覽器不支持position: fix的解決方法
編輯:前端技巧     

具體是方法如下:

css代碼


復制代碼代碼如下:
.wap_bottom {
height: 60px;
width: 100%;
position: fixed;
z-index: 2;
bottom: 0;
left: 0;
opacity: 0.7;
}

html代碼


復制代碼代碼如下:<div class="wap_bottom"> <a href="http://www.jb51.net" target="_blank"></a></div>

注意事項
一般來說大家寫上個浮動都是使用css中的position: fixed; 進行控制,但是這種方法只適用於電腦端的,而在手機端卻不行,效果就是使用手機浏覽器打開網頁時顯示是底部,但是當我們向下滾動時,而這個浮動的卻不跟著一起,這時大家需要在head間添加以下代碼即可解決手機浏覽器不支持position: fixed的bug了。


復制代碼代碼如下:<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved