首页 > web前端 > css教程 > 不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码_经验交流

不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码_经验交流

WBOY
发布: 2016-05-16 12:06:42
原创
1392 人浏览过

纯DIV/CSS对联漂浮广告代码(无JS)
源码网两侧漂浮。经测试,兼容IE6,IE7,Firefox浏览器。

CSS代码为:

复制代码 代码如下:

.r1{width:80px;height:80px;background:red;float:right;    
     position:fixed !important; top/**/:200px;    
     位置:绝对; z 索引:300; 顶部:表达式(offsetParent.scrollTop+200);右:20px;} 
.r2{宽度:80px;高度:80px;背景:红色;浮动:右;    
     位置:固定!重要; 顶部/**/:300px;    
     position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);right:20px;} 
.l1{width:80px;height:80px;background:red;float:right;    
     position:fixed !important; top/**/:200px;    
     位置:绝对; z 索引:300; 顶部:表达式(offsetParent.scrollTop+200);左:20px;} 
.l2{宽度:80px;高度:80px;背景:红色;浮动:右;    
     位置:固定!重要; 顶部/**/:300px;    
     position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);left:20px;} 


页面代码为:
复制代码 代码如下:

   
   
   
   
相关标签:
来源:php.cn
上一篇:DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags_经验交流 下一篇:CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法_经验交流
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
相关专题
更多>
热门推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板