Recently to a friend to do a mobile website, the bottom of the site need to put a float, the page scrolling down, this float also followed downward scrolling, has been from the bottom of the window, generally we are using position:fixed to achieve this function, and the author is the realization of this, But in the mobile browser does not support position:fixed, this article on my solution, we look at the next clear on the line.
CSS Code
. wap_bottom {
height:60px;
width:100%;
position:fixed;
Z-index:2;
bottom:0;
left:0;
opacity:0.7;
}
HTML code
<div class= "Wap_bottom" > <a href= "http://www.45it.com" target= "_blank" ></a> </div>
Attention:
Generally speaking, you write the last float is the use of CSS position:fixed; Control, but this method only applies to the computer end, but not on the phone, the effect is to use the mobile phone browser to open the page when the display is the bottom, but when we scroll down, and this floating but not followed together, Then you need to add the following code between the head to solve the mobile phone browser does not support position:fixed bugs.
<meta name= "viewport" content= "Width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" >