`
yiyu
  • 浏览: 186549 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

 
阅读更多
今天发现使用 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
分享到：
| 检测浏览器支持的javascript版本
评论
发表评论

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

相关推荐

    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 应用特定的样式。首先隐藏浏览器的...

Magicbox
Global site tag (gtag.js) - Google Analytics