有8个像素是负数,在IE6下会被遮挡,因此这个时候,必须用position:relative,才能显示。其余代码用于控制FF和IE7显示一致
#header .current A {
background-image:url(classbg95x39.jpg);
height:33px;
*height:39px !important;
*height:33px;
margin-top:-8px;
position:static;
*position:static!important;
*position:relative;
width:95px;
line-height:30px;
COLOR: #0F0F0F;
}
定义
position属性可把一个元素放置到一个静态的、相对的、绝对的、或固定的位置中。
继承性:No
JavaScript 语法
CSS属性也可通过一段JavaScript被动态地改变。
脚本语法:
object.style.position="absolute"
static |
默认。位置被设置为static的元素,它始终会处于页面流给予的位置(一个static元素会忽略任何top、bottom、left或right声明)。 |
relative |
位置被设置为relative的元素,可将其移至相对于其正常位置的地方,因此"left:20"会将元素移至元素正常位置左边20个像素的位置。 |
absolute |
位置被设置为absolute的元素,可被定位于相对于包含它的元素的指定坐标。此元素的位置可通过"left"、"top"、"right"以及"bottom"属性来规定。 |
fixed |
位置被设置为fixed的元素,可被定位于相对于浏览器窗口的指定坐标。此元素的位置可通过"left"、"top"、"right"以及"bottom |
转自:http://blog.510769.com/Article.aspx?oid=908
分享到:
相关推荐
在IE7及更早版本的浏览器中,如果一个绝对定位元素的父元素未设置z-index值,即使这个绝对定位元素的z-index值非常高,也可能被其他设置了相对定位的元素遮挡。这是因为IE7浏览器在处理绝对定位元素时,对于z-index...
在处理多个定位元素时,合理设置`z-index`可以避免元素相互遮挡,提供更好的用户体验。 通过了解`z-index`的基本概念、属性值以及语法,你可以更好地解决网页设计中元素重叠的问题,并能够灵活地调整元素的前后关系...
在早期的Internet Explorer 6(简称IE6)浏览器中,存在一个著名的布局bug,这个问题主要涉及到`<select>`元素与`<div>`元素的层叠上下文(Z-index)处理。当一个`<div>`元素试图遮盖页面中的下拉列表框`<select>`时...
在非IE6/7的现代浏览器中,一个定位元素如果没有显式定义`z-index`,它的子元素可以跨越到它上面,遮挡住父元素的兄弟元素。但在IE6/7中,即使没有明确设置`z-index`,定位的父元素也会创建新的局部层叠上下文,导致...
在网页设计中,`z-index` 是一个至关重要的概念,特别是在处理HTML和CSS时。它是一种定位属性,用于控制元素的堆叠顺序。当多个元素重叠时,`z-index` 决定了哪个元素会出现在前面,哪个元素会被遮挡在后面。在深入...
比如,如果页面中不止一个div可能遮挡下拉菜单,可能需要更具体的CSS选择器来精确定位遮挡元素。 另外,需要注意的是,虽然通过jQuery动态修改z-index可以解决遮挡问题,但频繁的DOM操作和CSS属性的修改可能会对...
`z-index`是CSS中的一个属性,专门用于定位上下文(positioned context)内的元素,即那些设置了`position`属性(除了默认的`static`)的元素。当元素开启定位,如设置为`relative`、`absolute`或`fixed`,它们就...
4. **负z-index:** `z-index`可以是负数,这意味着元素可以被放置在层叠顺序的下方,可能会被其他元素遮挡。 5. **层叠顺序:** 当多个元素在同一层叠上下文中且`z-index`相同时,元素的堆叠顺序遵循以下规则:...