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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

搜索
查看: 4825|回复: 6

[求助] span里的内容为什么在第二个li的后面?

[复制链接]
发表于 2007-8-5 21:23:16 | 显示全部楼层 |阅读模式

 提示:您可以先修改部分代码再运行



在第一个li(黑色)内的span(红色)的内容被第二个li覆盖了。
怎么能使span覆盖第二个li?

[[i] 本帖最后由 dearmonkey 于 2007-8-5 23:05 编辑 ]
发表于 2007-8-5 22:22:38 | 显示全部楼层
没弄懂你的意思...
回复 支持 反对

使用道具 举报

发表于 2007-8-6 00:55:44 | 显示全部楼层
对于position:relative;这个属性来说,z-index:1;这个属性是没有用的。
所以应当删除这个定义。就可以了
回复 支持 反对

使用道具 举报

发表于 2007-8-6 13:20:34 | 显示全部楼层
你的li的宽度是100px    span的宽度是200px
  肯定得挤到后面去阿   你把  li   的宽定义比 span宽看看
回复 支持 反对

使用道具 举报

发表于 2007-8-7 12:24:58 | 显示全部楼层
樓上正解
回复 支持 反对

使用道具 举报

发表于 2007-8-7 13:25:04 | 显示全部楼层
css2+定义相对定位position:relative元素不可层叠。

即相邻的两个或多个兄弟元素,如果定义它们为相对定位position:relative,且为他们设置相同的z轴次序(z-index值),则会依据常规流次序自然堆叠(而非层叠),这时基于其中的一个元素如果包含一个绝对定位的position:absolute子元素,则这个子元素的层级不可逾越其父元素同其它元素的堆叠关系。

另外,如果父元素相对定位position:relative的z轴次序(z-index)不设置值,虽然其自身会依据常规流次序与其它元素自然堆叠,但是其包含绝对定位的position:absolute子元素的z轴次序(z-index)则是以根元素为参照的。(IE似乎目前没打算按这个标准办事)

原帖由 [i]pth1983 于 2007-8-6 00:55 发表
对于position:relative;这个属性来说,z-index:1;这个属性是没有用的。
所以应当删除这个定义。就可以了


去掉z-index:1; 此时<span />绝对定位元素的z轴次序是相对body根元素的了(IE下因为BUG似乎并非如此)。
但是对position:relative;这个属性来说,z-index完全有用,某些情况下甚至不可或缺。

诚然,这些概念似乎有些抽象,为了便于理解,依旧沿用原示例:

 提示:您可以先修改部分代码再运行


[[i] 本帖最后由 zbm2001z 于 2007-8-7 14:01 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-8-9 22:47:52 | 显示全部楼层

回复 #6 zbm2001z 的帖子

谢谢了  朋友
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-10-29 06:43 , Processed in 0.093512 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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