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

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

WBOY
WBOY原创
2016-05-16 12:06:421386浏览

纯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;} 


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

   
   
   
   
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
上一篇:DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags_经验交流下一篇:CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法_经验交流

相关文章

查看更多