ie8 不支持 position:fixed 的简单解决办法 - yiyu - ITeye博客

`

yiyu

浏览: 187206 次
性别:
来自: 北京

最近访客更多访客>>

彭彪321

webeasymail

dawei1980

akacd

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

di1984HIT：记录一下。嘿嘿
eclipse中关闭js报错的方法
di1984HIT：谢谢，学习了
jdk输出带缩进格式xml的方法
雪狐狼：为何，每次查询需要构建datatable?
YUI DataTable 服务器端翻页与排序
lijunwyf41： nd:"nd", // 表示已经发送请求的 ...
jqGrid <-- json --> spring,hibernate之服务器端分页，排序
yiyu：最近不看YUI了，发现一个国产的前端框架，是金蝶出的，叫Ope ...
YUI 3 学习笔记（5）- Attribute类

ie8 不支持 position:fixed 的简单解决办法

博客分类：

html/css

阅读更多

今天发现使用 position:fixed 的页面在firefox下没有问题，在IE8下却不能正常显示，在网上找了找，有不少相关文章，但是不是不起作用就是太复杂，后来终于发现一个简单的解决办法，就是在html的开头加上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
就可以了，后来搜了搜，发现
HTML 4.0 Transitional 和 XHTML 1.0 Transitional 的布局确实有不少差异，可以参见这里：

http://www.cnblogs.com/flashelf/archive/2006/12/01/579364.aspx

分享到：

ie和firefox上都运行流畅的网页分割条 | 检测浏览器支持的javascript版本

2010-01-07 11:29
浏览 3738
评论(0)
论坛回复 / 浏览 (0 / 3876)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

IE6实现position:fixed bug (固定窗口方法)的实例: 这个内容是老生常谈了,主要问题就是IE6不支持 position:fixed 引起的BUG.当我们去搜索解决这个bug的垮浏览器解决办法时,绝大多数结果都是说使用 position:absolute 来替代解决,可是我们真的解决了么?没有,因为当页面...

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

position:fixed在ie6的使用: 然而，IE6并不完全支持`position:fixed`。在IE6中，元素可能会被错误地相对于其父元素定位，而不是相对于视口。为了解决这个问题，开发者通常会采用一些特殊的CSS hack技术。这些hack包括但不限于： 1. **...

IE6支持position:fixed完美解决方法: 总结来说，解决IE6不支持`position:fixed`的问题可以通过创建条件注释和使用CSS表达式来实现。虽然这种方法比JavaScript事件监听更节省资源，但在现代Web开发中，考虑到浏览器兼容性和性能优化，通常会避免使用CSS...

js完美解决IE6不支持position:fixed的bug: 总的来说，解决IE6不支持`position:fixed`的bug需要开发者具备深厚的前端知识，包括CSS兼容性、CSS Hack以及对JavaScript表达式的理解。同时，也需要权衡性能与兼容性的关系，适时地做出技术决策，以适应不断变化的...

IE6不支持position:fixed bug的完美解决: 本文将详细介绍如何解决 IE6 不支持 `position:fixed` 的问题，并提供一种完美的解决方案。首先，让我们分析一下 IE6 中的 `position:fixed` bug。在标准浏览器中，设置 `position:fixed` 可以使元素相对于浏览器...

position_fixed: 描述中提到的"完美兼容IE6"是一个挑战，因为IE6对CSS标准的支持并不完全，尤其是对于`position: fixed;`的处理存在一些问题。在其他现代浏览器中，`position: fixed;`工作得相当好，但在IE6中，需要采用一些特殊的...

IE6不兼容position:fixed属性的解决办法分享: 但是，它不支持IE6及以下版本。于是很多同学使用JS模拟。今天写了一个DEMO，涉及左侧、右侧。及上下两边，共四种位置的固定，与以往的教程不同的地方是，它使用CSS表达式来兼容IE5、IE6，且避免了js模拟时，拖动滚动...

解决ie6的定位问题 position fiexed: ### 解决IE6中的定位问题：Position Fixed 在早期的Web开发中，Internet Explorer 6（简称IE6）因其浏览器兼容性问题而臭名昭著。其中一个常见的问题是`position: fixed;`属性在IE6中不起作用。这使得开发者很难...

css中position:fixed实现div居中上下左右居中: 需要注意的是，由于旧版本的Internet Explorer（如IE6）不支持CSS3的一些新属性，可能会需要一些额外的hack来确保兼容性。在这个例子中，使用了`_position: absolute;`作为对IE6的兼容处理。此技术非常适用于创建...

跨浏览器的实践:position:fixed 层的固定定位: 这个例子中的技巧在于，通过媒体查询和 IE 特有的 CSS 规则，让在支持 `position: fixed` 的浏览器中正常工作，同时在不支持的浏览器中采用备选方案，确保了在大多数浏览器中都有良好的用户体验。总的来说，`...

HTML IE6 纯CSS 解决 position fixed 的问题: 为了解决IE6中的`position: fixed;`问题，我们可以采用以下几种方法： 1. **条件注释法**：在HTML文档的头部，可以使用IE6特有的条件注释来引入一个专门为IE6定制的CSS文件，这样可以针对IE6浏览器提供特别的样式...

ie6,ie7,ie8完美支持position:fixed的终极解决方案: ie6对position:fixed不支持，网上有很多解决方法，有的在ie6,ie7上调试成功后，在ie8上又不好使，div层还是跟随滚动条浮动；以下总结方法，在ie6,ie7,ie8上都调试成功，且页面滚动条滚动时，效果还挺好，div层并...

仿Lightbox效果（Windows关机效果），div覆盖，锁定页面及IE 6实现position:fixed;: 由于IE6不完全支持CSS的`position: fixed`，开发者通常需要使用JavaScript库如jQuery或特定的CSS hack来模拟固定定位的效果，以确保在旧版浏览器中也能正常显示。在这个压缩包中包含的"lightbox测试.html"文件可能...

javascript ie6兼容position:fixed实现思路: 然而，不幸的是，Internet Explorer 6 (IE6) 并不支持 `position:fixed`，这就给开发者带来了兼容性问题。为了解决IE6中的这个问题，通常需要借助JavaScript来模拟 `position:fixed` 的效果。以下是一个实现兼容性...

IE7下当position:fixed遇到text-align:center的解决方法: 在讨论解决IE7浏览器（或IE8的兼容模式）下，当position:fixed定位遇到外层容器使用text-align:center属性时出现的问题之前，需要了解几个关键的CSS知识点。首先，IE7及早期版本的IE浏览器对CSS的支持不完全，尤其...

ie6 position:fixed解决方案: 本文将探讨两种在 IE6 中模拟 `position: fixed;` 的方法。 1. **纯 CSS 法**：这种方法主要依赖于 IE6 特有的 * 选择器。通过将 `* html` 作为顶层选择器，我们可以针对 IE6 应用特定的样式。首先隐藏浏览器的...

Global site tag (gtag.js) - Google Analytics