xxx
关心自己的生活比窥见他人的生活更加精彩!
PHP博客
首页
新随笔
联系
聚合
管理
随笔-21 评论-6 文章-0 trackbacks-0
[原创] 纯css控制两边漂浮
修改自codepub.com,修正IE7下javascript报错的问题。
CSS代码为:
1
.r1
{
}
{
2
width
:
80px
;
height
:
80px
;
background
:
red
;
float
:
right
;
3
position
:
fixed !important
;
top
/**/
/**/
:
200px
;
4
position
:
absolute
;
z-index
:
300
;
right
:
20px
;
5
}
6
.r2
{
}
{
width
:
80px
;
height
:
80px
;
background
:
red
;
float
:
right
;
7
position
:
fixed !important
;
top
/**/
/**/
:
300px
;
8
position
:
absolute
;
z-index
:
400
;
right
:
20px
;
}
9
.l1
{
}
{
width
:
80px
;
height
:
80px
;
background
:
red
;
float
:
right
;
10
position
:
fixed !important
;
top
/**/
/**/
:
200px
;
11
position
:
absolute
;
z-index
:
300
;
left
:
20px
;
}
12
.l2
{
}
{
width
:
80px
;
height
:
80px
;
background
:
red
;
float
:
right
;
13
position
:
fixed !important
;
top
/**/
/**/
:
300px
;
14
position
:
absolute
;
z-index
:
400
;
left
:
20px
;
}
15
* html .r1, * html .l1
{
}
{
top
:
expression(offsetParent.scrollTop+200)
;
}
16
* html .r2, * html .l2
{
}
{
top
:
expression(offsetParent.scrollTop+300)
;
}
页面代码为:
1
<
div
class
="r1"
><
a
href
="http://www.kilobug.com"
target
='_about'
><
img
src
="/js/pic/piao-l-1.gif"
width
="80"
height
="80"
border
="0"
/></
a
></
div
>
2
<
div
class
="r2"
><
a
href
="http://www.kilobug.com"
target
='_about'
><
img
src
="/js/pic/piao-l-1.gif"
width
="80"
height
="80"
border
="0"
/></
a
></
div
>
3
<
div
class
="l1"
><
a
href
="http://www.kilobug.com"
target
='_about'
><
img
src
="/js/pic/piao-l-1.gif"
width
="80"
height
="80"
border
="0"
/></
a
></
div
>
4
<
div
class
="l2"
><
a
href
="http://www.kilobug.com"
target
='_about'
><
img
src
="/js/pic/piao-l-1.gif"
width
="80"
height
="80"
border
="0"
/></
a
></
div
>
posted on 2008-06-23 10:30
xxxx
阅读(1135)
评论(0)
编辑
收藏
引用
网摘
所属分类:
HTML / DIV+CSS
只有注册用户
登录
后才能发表评论。
网站导航:
IT新闻
博客园
BlogJava
博客生活
IT博客网
C++博客
程序员招聘
<
2024年3月
>
日
一
二
三
四
五
六
25
26
27
28
29
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
留言簿
(28)
给我留言
查看公开留言
查看私人留言
随笔分类
(20)
ASP.NET
Common Problems(2)
Feelings Of Life
HTML / DIV+CSS(14)
Javascript / Ajax(3)
PHP(1)
WEB Operation / SEO
Work Insight
随笔档案
(21)
2008年6月 (21)
最新随笔
1. [原创] css实现透明度(兼容IE6、IE7、Firefox2.0)
2. [原创] 增加 javascript 的 trim 函数
3. [原创] javascript获取select的当前值(兼容IE6、IE7、Firefox2.0)
4. [原创] 自己写的日期转换为时间戳函数
5. [原创] css hack的使用方法
6. [转] 添加option和删除option(兼容IE6、IE7、Firefox2.0)
7. [原创] select控件样式(兼容IE6、IE7、Firefox 2.0)
8. [原创] 纯css控制两边漂浮
9. [原创] photoshop cs3 此产品的许可已经停止工作 解决方法
10. [原创] 纯css漂浮广告页面垂直居中(兼容IE6、IE7、Firefox2.0)
11. [原创] 纯css文本溢出省略(需定义宽度,兼容IE6、IE7、Firefox2.0、Opera9.0)
12. [原创] 全站快速变灰(只支持IE浏览器,可变flash)
13. [原创] URL隐藏转发的HTML代码
14. [转] 登录失败:用户帐户限制。可能的原因包括不允许空密码,登录时间限制,或强制的策略限制。
15. [原创] CSS:Behavior属性的使用
16. [原创] 国际化的商业网站宽度一般为:952像素
17. [原创] IE和火狐中,实现Flash背景透明注意事项
18. [原创] QQ在线状态网页接口
19. [转] CSS去除链接虚线(兼容IE6、IE7、Firefox2.0)
20. [转] css自适应客户端宽度,有最小宽度限制 (兼容IE6+、Firefox2.0)
21. [转] CSS中实现TABLE标签的cellpadding="0" cellspacing="0"样式
搜索
最新评论
1. re: [原创] javascript获取select的当前值(兼容IE6、IE7、Firefox2.0)
正着急这个问题,谢了啊!
--过客
2. re: [转] 登录失败:用户帐户限制。可能的原因包括不允许空密码,登录时间限制,或强制的策略限制。
所有的服务都是开启的防火墙也关闭了网卡卸载又重新安装本地连接属性里面的网络客户端和文件服务和打印机共享都勾选了就是不行啊 麻烦各位赐教下
--铁丙
3. re: [转] 登录失败:用户帐户限制。可能的原因包括不允许空密码,登录时间限制,或强制的策略限制。
我试过N次了无效啊
--铁丙
4. re: [转] 登录失败:用户帐户限制。可能的原因包括不允许空密码,登录时间限制,或强制的策略限制。
不行
--不行
5. re: [原创] URL隐藏转发的HTML代码
@dsfsdf
--dsfsdf
阅读排行榜
1. [转] 登录失败:用户帐户限制。可能的原因包括不允许空密码,登录时间限制,或强制的策略限制。(19312)
2. [原创] css实现透明度(兼容IE6、IE7、Firefox2.0)(18044)
3. [原创] javascript获取select的当前值(兼容IE6、IE7、Firefox2.0)(11824)
4. [原创] photoshop cs3 此产品的许可已经停止工作 解决方法(7050)
5. [原创] select控件样式(兼容IE6、IE7、Firefox 2.0)(6899)
评论排行榜
1. [转] 登录失败:用户帐户限制。可能的原因包括不允许空密码,登录时间限制,或强制的策略限制。(3)
2. [原创] URL隐藏转发的HTML代码(2)
3. [原创] javascript获取select的当前值(兼容IE6、IE7、Firefox2.0)(1)
4. [原创] 增加 javascript 的 trim 函数(0)
5. [原创] css实现透明度(兼容IE6、IE7、Firefox2.0)(0)