`
lifan51777
  • 浏览: 16041 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Css处理负数需要position的配合【及IE6CSS负数遮挡处理】

阅读更多

有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...

    HTML5&CSS3网页制作:zindex层叠等级属性.pptx

    在处理多个定位元素时,合理设置`z-index`可以避免元素相互遮挡,提供更好的用户体验。 通过了解`z-index`的基本概念、属性值以及语法,你可以更好地解决网页设计中元素重叠的问题,并能够灵活地调整元素的前后关系...

    ie6 select无法被div遮盖的bug解决方法

    在早期的Internet Explorer 6(简称IE6)浏览器中,存在一个著名的布局bug,这个问题主要涉及到`<select>`元素与`<div>`元素的层叠上下文(Z-index)处理。当一个`<div>`元素试图遮盖页面中的下拉列表框`<select>`时...

    CSS中的z-index属性基本使用教程

    在非IE6/7的现代浏览器中,一个定位元素如果没有显式定义`z-index`,它的子元素可以跨越到它上面,遮挡住父元素的兄弟元素。但在IE6/7中,即使没有明确设置`z-index`,定位的父元素也会创建新的局部层叠上下文,导致...

    Z-index_HTML-y-CSS_DO

    在网页设计中,`z-index` 是一个至关重要的概念,特别是在处理HTML和CSS时。它是一种定位属性,用于控制元素的堆叠顺序。当多个元素重叠时,`z-index` 决定了哪个元素会出现在前面,哪个元素会被遮挡在后面。在深入...

    巧用jquery解决下拉菜单被Div遮挡的相关问题

    比如,如果页面中不止一个div可能遮挡下拉菜单,可能需要更具体的CSS选择器来精确定位遮挡元素。 另外,需要注意的是,虽然通过jQuery动态修改z-index可以解决遮挡问题,但频繁的DOM操作和CSS属性的修改可能会对...

    元素层级1

    `z-index`是CSS中的一个属性,专门用于定位上下文(positioned context)内的元素,即那些设置了`position`属性(除了默认的`static`)的元素。当元素开启定位,如设置为`relative`、`absolute`或`fixed`,它们就...

    Ej-z-index

    4. **负z-index:** `z-index`可以是负数,这意味着元素可以被放置在层叠顺序的下方,可能会被其他元素遮挡。 5. **层叠顺序:** 当多个元素在同一层叠上下文中且`z-index`相同时,元素的堆叠顺序遵循以下规则:...

Global site tag (gtag.js) - Google Analytics