`

适应于IE6、FF下的固定于某位置的元素

阅读更多

FF下要让固定浏览器的位置可以用 position:fixed很好解决。

但IE6下不识别 fixed,解决办法:

在ie6下设置

html{overflow:hidden;}

body{height:100%;overflow:auto;}

#要固定的元素{position:poabsolute;top:30px;...}

分享到:
评论

相关推荐

    CSS完美兼容IE6_IE7_FF的通用方法

    ### CSS完美兼容IE6_IE7_FF的通用方法 在网页设计与开发过程中,浏览器兼容性问题一直是前端开发者面临的重要挑战之一。特别是在早期的Web开发中,如何让网站同时兼容Internet Explorer 6(简称IE6)、Internet ...

    ie6,ie7兼容性总结

    **问题描述**:在IE6下,如果为浮动容器定义了`margin-left`或`margin-right`属性,则实际的效果将是定义值的两倍。 **解决方案**:可以通过给浮动容器定义`display:inline`来解决此问题。 ##### 5. Mirror Margin...

    基于Jquery可居中显示并兼容IE6+/FF等浏览器的瀑布流程序(jquery.easing.js,jquery.vgrid.js实现)

    它负责处理瀑布流的核心逻辑,如计算元素的位置、调整列宽以适应不同屏幕尺寸、处理元素的加载和显示等。这个插件的特色在于其兼容性,能确保在不同浏览器中稳定工作,包括对老版本IE的支持,这对于一个成熟的网页...

    jquery实现区块或链接横向无缝循环滚动,自适应宽度,可随意设置外容器的宽度。高度自适应,兼容IE,FF,CHROME.zip

    "高度自适应"特性意味着内容的高度会根据其中包含的元素自动调整,避免了手动设置固定高度的问题,尤其当内容数量不确定或可能变化时,这个特性尤为有用。 "兼容IE,FF,CHROME"表明这个脚本已经过测试,可以在这三...

    在IE6,IE7 中DIV容器固定高度的使用技巧

    然而,在不同的浏览器中,尤其是较旧版本如IE6和IE7,对CSS的解析和执行方式可能存在差异,这可能导致在设定固定高度时出现一些问题。本篇文章将详细讨论在IE6和IE7中如何正确地处理`DIV`容器的固定高度。 首先,...

    min-height最小高度实现的解决方法,(兼容IE6、IE7、FF、Chrome)

    min-height属性是CSS的属性之一,用于规定元素的最小高度,但IE6和IE7并不支持这一属性。这使得前端开发人员不得不寻找各种兼容的解决方案。而在较新的浏览器FF(Mozilla Firefox)和Chrome中,min-height是被支持的...

    JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)

    然而,由于浏览器的差异性,iframe的高度自动适应并不总是那么简单,尤其是在内容动态加载或页面内容高度不固定的情况下。 jQuery的iframe高度自适应解决方案通常涉及到监听iframe的“load”事件,当iframe内容加载...

    IE和FireFox的CSS兼容

    由于它们对CSS标准的实现存在差异,导致在不同浏览器下显示的效果可能不尽相同。以下是一些关键点,帮助开发者理解和解决这些问题。 1. **列表元素的默认样式**: - Firefox中的`ul`和`ol`元素默认`padding-left`...

    浏览器不兼容问题解决方案[归类].pdf

    如果浮动元素(`float`)没有定义宽度,FF和IE可能会有不同的表现。为可能被内容撑破的浮动元素定义宽度可以避免这个问题。 4. **浮动清除**: Firefox需要明确清除浮动(`clear:both`或`clearfix`方法),以防止...

    浏览器兼容性汇总

    IE6下图片下有空隙产生 - **IE6**: 图片下方可能会出现空白。 - **Firefox等其他浏览器**: 通常表现一致。 **解决方案**: 使用 `display:block` 或为图片添加 `vertical-align:top` 来消除空白。 ##### 18. 对齐...

    FF下zoom的替代方案 单位em

    这种做法不仅适用于文本,还可以用于调整元素的宽度、高度和内边距等属性,从而实现元素的相对缩放。 然而,需要注意的是,过度使用`em`可能导致布局的复杂性增加,特别是在涉及到嵌套元素和响应式设计时。此外,`...

    CSS基础总结

    - **Grid布局**:适用于二维布局,可精确控制元素位置。 6. **颜色与背景** CSS支持多种颜色表示方式,如颜色名称(如`red`)、十六进制(如`#FF0000`)、RGB(如`rgb(255, 0, 0)`)、RGBA(添加透明度)、HSL和...

    div css网页适应不同分辨率技巧

    本文主要探讨了如何利用`div`和`CSS`在IE6浏览器中实现网页布局的适应性,尤其是考虑到浏览器的默认滚动条对布局的影响。 首先,我们来看一个基本的布局示例,它在IE6中带有默认的滚动条。代码使用`<!DOCTYPE>`声明...

    Css复习题.pdf

    - Flow Model:元素按顺序从左到右、从上到下排列。 - Float Model:元素浮动以创建多列布局。 - Layer Model:元素以层的形式堆叠。 - Box Model:元素被看作具有边距、边框、填充和内容的矩形盒子。 11. CSS...

    2022年HTML语言剖析(三)文件标记CSSHTML教程.docx

    - `bgproperties="fixed"` 使得背景图像在滚动页面时保持固定位置,同样仅适用于IE。 值得注意的是,HTML属性的大小写并不敏感,因此,尽管示例中的属性以小写显示,但大写同样有效。此外,还有其他高级特性,如`...

    CSS 控制标题长度,不再需要切字符串函数了 ^_^.txt

    需要注意的是,对于非常旧的浏览器版本(如IE6/7),可能无法完全支持这些CSS特性,因此在开发时应考虑使用Polyfills或者其他替代方案来增强兼容性。 #### 五、实际应用场景 1. **新闻列表或博客文章摘要**:在...

Global site tag (gtag.js) - Google Analytics