收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2186|回复: 3

[求助] 绝对定位/相对定位和透明滤镜的问题【已解决】

[复制链接]
发表于 2008-5-15 16:11:38 | 显示全部楼层 |阅读模式
父容器position是relative,里面有图片/文字列表和一个遮盖层 这个div加了position:absolute

在ff下正常 ie6/7下  这个遮盖层虽然把父容器盖住了 但是滤镜失效 透明度100%了 怎么调都没用 先把滤镜去掉 加上了明显的红背景 但是ie67里 这个遮盖层仍是白色的 一点不变

.expire{ position:relative}/*这里加了相对定位后div.eclipse就...... position:relative*/
div.eclipse{background:#fff url(../img/expire.gif) no-repeat right top; position:absolute;filter:Alpha(Opacity=60,finishOpacity=10);-moz-opacity:0.7;width:720px;height:120px;}

ff2.GIF
这个是ie7/ff的对比

ff.GIF
这个是ff里正常的显示


这个是整个页面源文件
http://www.zhonghuazijing.com.cn/fangzhou_xhtml.zip

我的QQ76807771

非常感谢!

[[i] 本帖最后由 shanhero 于 2008-5-15 16:15 编辑 ]
 楼主| 发表于 2008-5-15 16:33:25 | 显示全部楼层
已经搞定 结贴

解决办法:
.expire{ position:relative; height:120px; width:720px;}

谢谢大家关注!
回复 支持 反对

使用道具 举报

发表于 2008-5-16 12:28:55 | 显示全部楼层

界面做的挺好的.干净,让我眼睛一亮.

请问这个web你是做的玩的,还是在做项目.
回复 支持 反对

使用道具 举报

发表于 2008-5-16 13:33:21 | 显示全部楼层
呵呵,这样的问题我也遇到过,
你还要注意设置position:relative;后,如果子盒子使用了margin会出现很让人费解的问题,解决的办法同样是给父盒子加上高度。

但如果父盒子的高度不定时可以这样设置高度height:auto!importnat; height:100px; min-height:100px;
这样一来不管在哪个浏览器里都能正常了。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-9-20 10:22 , Processed in 0.119815 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表