分享怎么在网页右下角添加浮动文字或者图片,添加二维码图片,完美支持IE6的无闪烁

分享怎么在网页右下角添加浮动文字或者图片,添加二维码图片,完美支持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-->



发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

«    2024年11月    »
123
45678910
11121314151617
18192021222324
252627282930
搜索
标签列表
网站分类
最新留言
    文章归档
    友情链接

    Powered By Z-BlogPHP 1.7.3

    Copyright Your WebSite.Some Rights Reserved.闽ICP备11018667号-2