分享怎么在网页右下角添加浮动文字或者图片,添加二维码图片,完美支持IE6的无闪烁
主要代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE6 position:fixed 始终浮动在网页右下角的网页特效代码</title>
<style type="text/css">
#fudong{ position:fixed; bottom:0; right:0; width:200px; height:60px; background:#F00;}
/*IE6 fixed bug*/
* html{overflow:hidden;}
* html body{height:100%;overflow:auto;}
* html #a{position:absolute;right:18px;}
</style>
</head>
<body>
<div id="fudong">itlife365 it生活网 <a xhref="http://jiandanjie.com">浮动框文字网页特效</a></div>
</body>
</html>
可以把如下代码拷贝的网站的footer.php的模板文件即可
<style type="text/css">
#fudong{ position:fixed; bottom:0; right:0; width:200px; height:60px; background:#F00;}
/*IE6 fixed bug*/
* html{overflow:hidden;}
* html body{height:100%;overflow:auto;}
* html #a{position:absolute;right:18px;}
</style>
<div id="fudong">itlife365 it生活网 <a xhref="http://jiandanjie.com">浮动框文字网页特效</a></div>
图片模式:
<!-- 二维码浮动--begin-->
<style type="text/css">
#erweimai{ position:fixed; bottom:25px; right:50%; width:104px; height:104px; background:white;}
/*IE6 fixed bug*/
* html{overflow:hidden;}
* html body{height:100%;overflow:auto;}
* html #erweimai{position:absolute;right:50%;}
</style>
<div id="erweimai">扫描简单街有惊喜</br><img xsrc="images/jiandanjie.png"/></div>
<!-- 二维码浮动--end-->
主要代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE6 position:fixed 始终浮动在网页右下角的网页特效代码</title>
<style type="text/css">
#fudong{ position:fixed; bottom:0; right:0; width:200px; height:60px; background:#F00;}
/*IE6 fixed bug*/
* html{overflow:hidden;}
* html body{height:100%;overflow:auto;}
* html #a{position:absolute;right:18px;}
</style>
</head>
<body>
<div id="fudong">itlife365 it生活网 <a xhref="http://jiandanjie.com">浮动框文字网页特效</a></div>
</body>
</html>
可以把如下代码拷贝的网站的footer.php的模板文件即可
<style type="text/css">
#fudong{ position:fixed; bottom:0; right:0; width:200px; height:60px; background:#F00;}
/*IE6 fixed bug*/
* html{overflow:hidden;}
* html body{height:100%;overflow:auto;}
* html #a{position:absolute;right:18px;}
</style>
<div id="fudong">itlife365 it生活网 <a xhref="http://jiandanjie.com">浮动框文字网页特效</a></div>
图片模式:
<!-- 二维码浮动--begin-->
<style type="text/css">
#erweimai{ position:fixed; bottom:25px; right:50%; width:104px; height:104px; background:white;}
/*IE6 fixed bug*/
* html{overflow:hidden;}
* html body{height:100%;overflow:auto;}
* html #erweimai{position:absolute;right:50%;}
</style>
<div id="erweimai">扫描简单街有惊喜</br><img xsrc="images/jiandanjie.png"/></div>
<!-- 二维码浮动--end-->