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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码_经验交流，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含959字，纯文字阅读大概需要2分钟。

内容图文

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

CSS代码为：
代码如下:

.r1{width:80px;height:80px;background:red;float:right;
position:fixed !important; top/**/:200px;
position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);right:20px;}
.r2{width:80px;height:80px;background:red;float:right;
position:fixed !important; top/**/: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;
position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);left:20px;}
.l2{width:80px;height:80px;background:red;float:right;
position:fixed !important; top/**/:300px;
position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);left:20px;}


页面代码为：
代码如下:

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

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

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

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

内容总结

以上是互联网集市为您收集整理的不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码_经验交流全部内容，希望文章能够帮你解决不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码_经验交流所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/415780.html

来源：【匿名】