position与z-index的关系

.simulationgame .gameranking .rankinginfo
{
width:140px;
margin:0 auto;
font-family:Arial, Microsoft YaHei;
font-size:14px;
color:#8c8b8b;
text-align:center;
background:#fff;
z-index: 10;
position: relative;
}

.simulationgame .gameranking .line
{
width:100%;
height:1px;
background-color:#8c8b8b;
position: relative;
top: -8px;
}

好像把两个div的position改成一样,然后用z-index控制显示层就行了,改日有时间好好研究下!

时间: 2024-08-13 16:37:16

position与z-index的关系的相关文章

Css中Position定位属性与层级关系

今天同事发现一个有意思的问题,关于position的层级关系的,他要不说我也没注意过 测试后果然有趣,有待深入研究: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Css中Position定位属性与层级关系</title> 6 <style type="text/css"> 7 #W{ 8

Oracle 唯一 约束(unique constraint) 与 索引(index) 关系说明

一. 官网对Unique Constraints说明 http://download.oracle.com/docs/cd/E11882_01/server.112/e16508/datainte.htm#CNCPT1642 uniquekey constraint requires that every value in a column or set of columns beunique. No rows of a table may have duplicate values in a

display与position之间的关系

以防自己忘记写的 网上找的 positon 与 display 的相互关系 元素分为内联元素和区块元素两类(当然也有其它的),在内联元素中有个非常重要的常识,即内两元素是不可以设置区块元素所具有的样式,例如:width | height. relative : 原来是什么类型的依旧是什么类型. absolute | fixed : 元素就被重置为了区块元素,例如:打算为span元素指定大小,并绝对定位 <span style=”position:absolute; width:100px; he

CSS定位布局display/float/position属性之间的关系/区别和如何使用取值行为机制

float: left|right; 可以自动排列自动折行, 但需要clear来配合清除浮动;display: inline-block; 有些时候可以替代float实现相同的效果.position: absolute|relative; 要配合top,left等定位; position: absolute会导致元素脱离文档流,被定位的元素等于在文档中不占据任何位置,在另一个层呈现,可以设置z-index.PS的图层效果就是position: absolute. float也会导致元素脱离文档流

【总结整理】display与position之间的关系【较完整】(转)

以防自己忘记写的 网上找的 positon 与 display 的相互关系 元素分为内联元素和区块元素两类(当然也有其它的),在内联元素中有个非常重要的常识,即内两元素是不可以设置区块元素所具有的样式,例如:width | height. relative : 原来是什么类型的依旧是什么类型. absolute | fixed : 元素就被重置为了区块元素,例如:打算为span元素指定大小,并绝对定位 <span style="position:absolute; width:100px;

display、 float 、position

1. display(元素显示模式) display 属性用来设置元素的显示方式. block 块对象指的是元素显示为一个方块,默认显示状态下将占据整行,其它的元素只能另起一行显示. inline 行间对象与block刚好相反,它允许其它元素在同一行显示. none 隐藏对象 CSS Display - 块和内联元素 块元素是一个元素,占用了全部宽度,在前后都是换行符. 块元素的例子: <h1>.<p>.<div> 内联元素只需要必要的宽度,不强制换行. 内联元素的例子

css position(定位)

一个定位元素(positioned element)是其计算位置属性为 relative, absolute, fixed 或 sticky 的一个元素. 相对定位元素(relatively positioned element)是计算后位置属性为 relative的元素. 绝对定位元素(absolutely positioned element)是计算后位置属性为 absolute 或 fixed 的元素. 粘性定位元素(stickily positioned element)是计算后位置属性

雷林鹏分享:CSS Position(定位)

position 属性指定了元素的定位类型. position 属性的五个值: static relative fixed absolute sticky 元素可以使用的顶部,底部,左侧和右侧属性定位.然而,这些属性无法工作,除非是先设定position属性.他们也有不同的工作方式,这取决于定位方法. static 定位 HTML 元素的默认值,即没有定位,遵循正常的文档流对象. 静态定位的元素不会受到 top, bottom, left, right影响. 实例 div.static { po

css position定位

CSS Position(定位) position 属性指定了元素的定位类型.直线模组价格 position 属性的五个值: static relative fixed absolute sticky 元素可以使用的顶部,底部,左侧和右侧属性定位.然而,这些属性无法工作,除非是先设定position属性.他们也有不同的工作方式,这取决于定位方法. static 定位 HTML 元素的默认值,即没有定位,遵循正常的文档流对象. 静态定位的元素不会受到 top, bottom, left, righ

彻底理解position与anchorPoint

引言 相信初接触到CALayer的人都会遇到以下几个问题: 为什么修改anchorPoint会移动layer的位置? CALayer的position点是哪一点呢? anchorPoint与position有什么关系? 我也迷惑过,找过网上的教程,大部分都是复制粘贴的,有些是翻译的文章但很有问题,看得似懂非懂,还是自己写代码彻底弄懂了,做点笔记吧. 每一个UIView内部都默认关联着一个CALayer, UIView有frame.bounds和center三个属性,CALayer也有类似的属性,