`
lifan51777
  • 浏览: 15824 次
  • 性别: 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


分享到:
评论

相关推荐

    HTML IE6 纯CSS 解决 position fixed 的问题

    在`ie6.css`中,我们可以使用其他方法替代`position: fixed;`,如`position: absolute;`配合JavaScript进行动态调整。 2. **使用expression()表达式**: IE6支持CSS表达式,可以通过它来计算元素的位置。例如,...

    IE6、IE7、IE8对css和js支持方面差异的研究

    在探讨IE6、IE7、IE8对CSS和JavaScript支持的差异时,我们可以发现一系列显著的兼容性问题和解析规则的变化。以下是对这些差异的详细分析: 1. **JavaScript性能和垃圾收集**: - 在IE6中,JScript引擎在处理大量...

    IE6下的纯CSS完美position:fixed实现

    在互联网早期,Internet Explorer 6 (IE6) 是一个广泛使用的浏览器,但它的CSS支持并不完善,特别是对于`position: fixed`属性。`position: fixed`在现代浏览器中用于创建固定定位元素,使得元素相对于视口...

    CSS中背景background-position负值定位

    CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位

    IE6, IE7, IE8 CSS 兼容速查表

    9. **CSS3属性兼容**:IE8及以下版本对CSS3新特性支持有限,如圆角、阴影、渐变等,需要借助于JavaScript库(如Modernizr)或渐进增强策略来实现。 10. **CSS Expression**:IE6和7支持CSS表达式,但这种动态计算...

    纯css二级导航 兼容ie6

    6. **CSS Hack**:由于IE6对CSS的解析存在一些差异,可能需要使用特定的CSS hack来修正样式,例如`_property`前缀只在IE6下生效。 7. **渐进增强**:为了保证在所有浏览器中的兼容性,可以采用渐进增强的策略,即为...

    ie6下可以用的css3

    标题中的“ie6下可以用的css3”指的是在Internet Explorer 6(简称IE6)这款老版本的浏览器中,可以通过特定的技术实现CSS3...开发者只需要在CSS中添加特定的属性,并引用这个库,就能在IE6上实现类似CSS3的视觉效果。

    ie-css3(让ie6 ie7 ue8支持css3).rar

    标题中的“ie-css3(让ie6 ie7 ue8支持css3).rar”指的是一个针对Internet Explorer(IE)浏览器的解决方案,尤其是版本6、7和8,这些版本不原生支持CSS3的新特性。这个压缩包包含了一个名为“ie-css3(让ie678支持css...

    CSS完美兼容IE6_IE7_FF的通用方法

    这种方法利用了IE6/IE7对CSS选择器的支持差异,可以通过不同的CSS规则来实现兼容性处理。 ```css #wrapper { width: 120px; /* FireFox */ *html #wrapper { /* IE6 fixed */ width: 80px; } *+...

    iecss3.htc支持输入框圆角

    这时,我们就需要借助于一些特殊的技术来实现对IE浏览器的兼容,比如“iecss3.htc”文件。 “iecss3.htc”是一种行为(Behavior)文件,它是微软Internet Explorer特有的扩展,通过VML(Vector Markup Language)来...

    css解决IE6,IE7,firefox兼容性问题.

    ### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展,浏览器种类日益增多,其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期,IE6、IE7 和 ...

    CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法

    - **透明度问题**:IE6和IE7处理透明度的方式与标准CSS不一致,需使用滤镜实现。 - **字体渲染差异**:各版本IE和火狐浏览器在字体渲染上存在细微差别,可能影响文本的清晰度。 #### 火狐浏览器的CSS支持: - 火狐...

    CSS布局资料:IE5、IE6、IE7、IE8 的CSS HACK兼容列表.mht

    CSS布局资料:IE5、IE6、IE7、IE8 的CSS HACK兼容列表

    针对firefox ie6 ie7 ie8的css样式hack

    IE6是一款非常老旧的浏览器,在处理CSS时存在很多问题。常见的Hack方法是使用下划线前缀 `_`: ```css #menu { line-height: 23px; /* Firefox识别 */ } #menu { _line-height: 23px; /* 仅IE6识别 */ } ``` ###...

    CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8.rar

    这份名为“CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8.rar”的压缩包,提供了针对这些浏览器的CSS Hack解决方案,以确保在不同环境下页面的正常显示。 CSS Hack通常指的是利用浏览器解析CSS的bug或者特性,...

    CSS兼容大全IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari等浏览器

    CSS 兼容大全 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等浏览器 CSS 兼容大全是指在不同的浏览器中,例如 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等,如何使网页正常显示的技术。这个技术的核心是 CSS Hack,即...

    HTML 纯CSS浮窗兼容IE6+

    在互联网早期,IE6是广泛使用的浏览器之一,但因其对现代Web标准的支持有限,开发者需要特别处理以确保兼容性。本文将深入探讨如何使用CSS解决这一挑战,创建一个在所有主流浏览器(包括IE6)上都能正常工作的浮窗...

    让ie也支持css3

    1. **创建.htc文件**:首先,你需要一个包含CSS3样式转换代码的`.htc`文件,如`ie-css3.htc`。这个文件通常包含一些JavaScript代码,用于实现IE不支持的CSS3特性,如渐变、阴影、圆角等。 2. **定义CSS类名**:在...

    CSS在IE6下不起作用,没有效果

    6. 避免使用IE6不支持的CSS特性:对于一些复杂的布局和效果,可能需要考虑为IE6提供备选方案。 总之,虽然IE6已逐渐退出历史舞台,但在一些老旧系统或企业环境中,仍然可能存在使用IE6的情况。理解并解决IE6的CSS...

    IE6.0、IE7.0 与FireFox CSS兼容的解决方法

    在网页设计中,CSS(层叠样式表)的兼容性问题常常困扰着开发者,尤其是在处理IE6.0、IE7.0与Firefox等不同浏览器之间的差异。以下是一些解决这些浏览器间CSS兼容问题的方法: 1. **DOCTYPE声明**:DOCTYPE声明会...

Global site tag (gtag.js) - Google Analytics