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;}
页面代码:
<div class="r1"><a href="http://www.jb51.net" target='_about'><img src="/js/pic/piao-l-1.gif" width="80" height="80" border="0" /></a></div>
<div class="r2"><a href="http://www.jb51.net" target='_about'><img src="/js/pic/piao-l-1.gif" width="80" height="80" border="0" /></a></div>
<div class="l1"><a href="http://www.jb51.net" target='_about'><img src="/js/pic/piao-l-1.gif" width="80" height="80" border="0" /></a></div>
<div class="l2"><a href="http://www.jb51.net" target='_about'><img src="/js/pic/piao-l-1.gif" width="80" height="80" border="0" /></a></div>
出处:源码网,www.codepub.com
分享到:
相关推荐
纯DIVCSS对联漂浮广告代码(无JS),源码网两侧漂浮。经测试,兼容IE6,IE7,Firefox浏览器。
css和js的浏览器兼容问题汇总,希望能帮到大家
相信很多人听说过Hack,就是在CSS代码里加入一些如* html,+hmtl, ,这些代码在IE里能被识别,其它浏览器不能,也有些IE6可以,IE7不能识别,就是通过这样的方法,来写针对不同浏览器的CSS代码。
div css显示对联带关闭代码
div+css IE6/IE7/火狐等浏览器兼容问题解决办法
Jquery+div+css 鼠标经过内容切换实例,有用到可以拿去参考哦!
CSS技巧汇总---div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...).pdf
DIV+CSS+JS静态分页程序可兼容主流浏览器(IE、FF、Opera) DIV+CSS表格(用DIV+CSS做的表格像素表格) 内容不多但是绝对实用,其实在做数据显示时还是推荐用表格,因为不是所有的地方数据显示有用DIV+CSS,在数据...
兼容好的JS网页对联广告代码下载,带关闭功能的侧边栏广告,兼容IE8/火狐、Chrome、Safari等众多主流浏览器,符合WEB标准,是从门户网站整理下来的,效果不错,示例演示,请参见截图。
div+css浏览器兼容问题
这个很使用,用起来很方便,对于最新的火狐等等其它浏览器的问题都可以解决,
DIV+CSS解决IE6,IE7,IE8,FF兼容问题
浮动广告代码 右下角漂浮代码 [removed] initAd();//载入页面后,调用函数initAd() [removed] [removed] <!-- function initAd() { document.all.AdLayer.style.posTop = -200; //设置onLoad事件激发以后,广告层...
最新版十天学会div+css(实例源代码及psd源文件)
div+css浏览器兼容问题解决方法,不错,不错,不错……
DIV+CSS浏览器兼容方法,由于浏览器版本的问题。
NULL 博文链接:https://m635674608.iteye.com/blog/1356277
兼容多浏览器的强制不换行的CSS,主要以DIV为列子,分析个浏览器的解析特性
班级网站静态页面纯div+css 班级网站静态页面纯div+css 班级网站静态页面纯div+css