主站
经典论坛
家园
作品集
Think.Pages
维基
桌面
聚合
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
»
WEB标准化专栏
» 怎么让css定位也能滚动
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
[求助]
怎么让css定位也能滚动
samsky
[楼主]
中级会员
帖子
568
体力
361
威望
0
当前
广东 广州
离线
9 天
个人网站
发短消息
加为好友
1
#
大
中
小
发表于 2008-6-16 16:12
现在有个需求,要在图片上加一透明的层,用定位可以实现,但是问题也出现了,定位后,这个层不能滚动了,因为策划要求这个是需要滚动的,请问怎么解决这个问题呢??谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> .box{ width:500px; height:100px; background:#ccc; overflow:scroll;} .show{ border:1px solid #666;width:200px;position:relative;} .show div{ background:red; height:150px; } .show p{ position:absolute; left:0; top:20px; height:20px; background:#666;filter: Alpha(Opacity=50); width:100%;} </style> </head> <body> <div class="box"> <div class="show"> <div> </div> <p>text</p> </div> </div> </body> </html>
提示:您可以先修改部分代码再运行
公司查询
积分
361
阅读权限
30
性别
男
在线时间
473 小时
注册时间
2004-7-6
最后登录
2008-9-29
查看个人网站
查看详细资料
TOP
做西部数码代理.Cn1元国际45元
|
将虚拟化进行到底
ipeng
新手上路
帖子
6
体力
17
威望
0
当前
广东 广州
个人网站
发短消息
加为好友
2
#
大
中
小
发表于 2008-6-16 17:09
你是想要这样的效果么
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> .boxouter{position:relative;} .box{ width:500px; height:100px; background:#ccc; overflow:scroll;} .show{ border:1px solid #666;width:200px;position:absolute;} .show div{ background:red; height:150px; } .show p{ position:absolute; left:0; top:20px; height:20px; background:#666;filter: Alpha(Opacity=50); width:100%;} </style> </head> <body> <div class="boxouter"> <div class="show"> <div> </div> <p>text</p> </div> <div class="box">现在有个需求,要在图片上加一透明的层,用定位可以实现,但是问题也出现了,定位后,这个层不能滚动了,因为策划要求这个是需要滚动的,请问怎么解决这个问题呢??谢现在有个需求,要在图片上加一透明的层,用定位可以实现,但是问题也出现了,定位后,这个层不能滚动了,因为策划要求这个是需要滚动的,请问怎么解决这个问题呢??谢现在有个需求,要在图片上加一透明的层,用定位可以实现,但是问题也出现了,定位后,这个层不能滚动了,因为策划要求这个是需要滚动的,请问怎么解决这个问题呢??谢</div> </div> </body> </html>
提示:您可以先修改部分代码再运行
[
本帖最后由 ipeng 于 2008-6-16 17:12 编辑
]
积分
17
阅读权限
10
性别
男
在线时间
199 小时
注册时间
2007-4-23
最后登录
2008-10-7
查看个人网站
查看详细资料
TOP
美橙vps独立IP月付189元
samsky
[楼主]
中级会员
帖子
568
体力
361
威望
0
当前
广东 广州
离线
9 天
个人网站
发短消息
加为好友
3
#
大
中
小
发表于 2008-6-16 17:51
问题已经解决
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> .box{ width:500px; height:100px; background:#ccc; overflow:scroll;position:relative;} .show{ border:1px solid #666;width:200px;position:relative;} .show div{ background:red; height:150px; } .show p{ position:absolute; left:0; top:20px; height:20px; background:#666;filter: Alpha(Opacity=50); width:100%;} </style> </head> <body> <div class="box"> <div class="show"> <div> </div> <p>text</p> </div> </div> </body> </html>
提示:您可以先修改部分代码再运行
公司查询
积分
361
阅读权限
30
性别
男
在线时间
473 小时
注册时间
2004-7-6
最后登录
2008-9-29
查看个人网站
查看详细资料
TOP
请大家尊重和保护奥运知识产权。
fuguojian1988
天天向网NET
银牌会员
帖子
914
体力
1868
威望
0
当前
河南 商丘
离线
1 天
个人网站
发短消息
作品 5
加为好友
专长
网页设计,平面,前端制作
4
#
大
中
小
发表于 2008-6-16 23:55
将内部那块嵌套在可滚动的DIV里面把。。。。
一个人的路,还是一个人走!
积分
1868
阅读权限
70
性别
男
在线时间
178 小时
注册时间
2007-5-3
最后登录
2008-10-6
查看个人网站
查看详细资料
TOP
还在为头像烦恼?还在为不能关注好友动态烦忧?快来
蓝色理想家园
吧!
‹‹ 上一主题
|
下一主题 ››
版块跳转
内部交流区
网站开发区
前台制作与脚本专栏
后台数据库编程
WEB标准化专栏
WAP 技术专栏
平面设计区
艺术与设计论坛
Adobe Photoshop 专栏
Fireworks 专栏
矢量图形专栏
插画手绘交流
交互设计区
用户体验综合版
UI图形设计
RIA设计与应用
Flash 8 及之前版本
Flash CS3 及 AS3
Silverlight 专版
Director 专栏
其它技术讨论区
计算机技术
英语学习和技术翻译
摄影欣赏与技术交流
无线通讯与数码设备
信息平台
企业招聘
学习工作交流区
创业版