有没有人详细解释下position:relative;
时间:2010-11-05
来源:互联网
今天看了个css 此人多次使用 position:relative 却仅仅是用的默认值。例:
#search form ol li a:hover{margin-bottom:-1px; height:23px; background:url(../images/search_lmbg2.gif) no-repeat left top; position:relative; font-weight:bold;}
很多处都是这种用法,而且其父元素没定位属性。
但是加上和不加效果还真不一样。但其没用top 或者 left。为什么会引起改变?望指教。
[ 本帖最后由 yunketian 于 2010-11-5 11:25 编辑 ]
#search form ol li a:hover{margin-bottom:-1px; height:23px; background:url(../images/search_lmbg2.gif) no-repeat left top; position:relative; font-weight:bold;}
很多处都是这种用法,而且其父元素没定位属性。
但是加上和不加效果还真不一样。但其没用top 或者 left。为什么会引起改变?望指教。
[ 本帖最后由 yunketian 于 2010-11-5 11:25 编辑 ]
作者: yunketian 发布时间: 2010-11-05
相对定位是相对自身位置定位的,不加left,top默认两者属性值为0;
事实上,之所以这么加position:relative而不声明left,top很有可能是为了增加层叠值。
事实上,之所以这么加position:relative而不声明left,top很有可能是为了增加层叠值。
作者: xmlovedoudou 发布时间: 2010-11-05
请查询CSS手册,论坛上也可以搜索到的。
作者: yoom 发布时间: 2010-11-05
首先感谢往事如蜂 和斑竹,我想往事如峰理解了我的问题。手册上并没有对此原因的详细解释,当然有
position:relative的解释但不知道为啥会有这种现象,而且加不加之前位置变化差距相当巨大。另外z-index;我进行了降级。还是这样估计和此无关纳闷。
[ 本帖最后由 yunketian 于 2010-11-5 15:31 编辑 ]
position:relative的解释但不知道为啥会有这种现象,而且加不加之前位置变化差距相当巨大。另外z-index;我进行了降级。还是这样估计和此无关纳闷。
[ 本帖最后由 yunketian 于 2010-11-5 15:31 编辑 ]
作者: yunketian 发布时间: 2010-11-05
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28