DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 浏覽器不支持position: fix的解決
浏覽器不支持position: fix的解決
編輯:布局實例     

 最近給朋友做一手機網站,網站底部需要放一浮動,網頁向下滾動時,此浮動也跟著向下滾動,一直距於窗口底部,一般大家都是使用position: fixed實現這個功能,而作者也是這樣實現的,但是在手機浏覽器中卻不支持position: fixed,本文就說下我的解決方法,大家看下明白就行了。


 

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.45it.com" 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