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

最新推荐文章于 2022-05-17 21:32:22 发布
最新推荐文章于 2022-05-17 21:32:22 发布
阅读量1.7k 收藏 2
点赞数
文章标签： ie8 positionfixed
本文介绍了一个简单的解决方法，即在HTML的开头加入`<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>`，来解决IE8中position:fixed布局的问题。文中还提到了HTML4.0 Transitional和XHTML1.0 Transational的布局差异。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天发现使用 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


转自：http://blog.youkuaiyun.com/lazyleland/article/details/7848625

position:fixed ie8兼容性问题
ILOVE_的博客
12-16 2307
.ie{          _position: absolute;        _clear: both;          _top:expression(eval(document.compatMode &&                  document.compatMode=='CSS1Compat') ?                  documentElemen
IE 6~8 position:fixed 不兼容解决方法
eno的博客
07-20 1982
IE8及以下版本对position: fixed 是不支持的 所以当你需要页面需要用到固定定位，同时有要兼容IE时 可以这样写固定定位 先给其他浏览器写定位 .fixed{ position:fixed; /*固定在浏览器左上角*/ top:0; left: 0; width:100px; height:100px; ...
document.compatMode解决兼容问题
majian_1987的专栏
04-03 2154
document.compatMode介绍     可能有很多朋友和我有同样经历，一个网页中的正常的、“完美”的JS代码，放到另一个网页中就变得不那么完美了。这问题很奇怪，最后找到原因，是因为一个网页有标准声明，另一个没有。     document.compatMode，可以用来判断当前页面采用的渲染方式。下面官方文档的说明： BackCompat：标准兼容模式关闭。 CSS1C
前端兼容性及解决方法
qibaioss的技术博客
04-28 519
HTML 篇样式兼容性问题&lt;!-- IE 按 Edge 模式渲染 --&gt;&lt;meta http-equiv="X-UA-Compatible" content="IE=Edge" /&gt;&lt;!-- IE 8 9 10 按 IE7 模式渲染 --&gt;&lt;meta http-equiv="X-UA-Compatible" content="IE=Emula
compatMode
daoyuly的专栏
01-23 1333
      对于document.compatMode文档模式，我想很多朋友可能都和我一样很少接触。今天在ymPrompt中看到有这么一条语句 //根据html Doctype获取html根节点，以兼容非xhtml的页面    var rootEl = d.compatMode == CSS1Compat ? d.documentElement : db; //根元素仔细找了下相关
IE6支持position:fixed完美解决方法
10-30
总结来说，解决IE6不支持`position:fixed`的问题可以通过创建条件注释和使用CSS表达式来实现。虽然这种方法比JavaScript事件监听更节省资源，但在现代Web开发中，考虑到浏览器兼容性和性能优化，通常会避免使用CSS...
IE6不兼容position:fixed属性的解决办法分享
01-21
但是，它不支持IE6及以下版本。于是很多同学使用JS模拟。今天写了一个DEMO，涉及左侧、右侧。及上下两边，共四种位置的固定，与以往的教程不同的地方是，它使用CSS表达式来兼容IE5、IE6，且避免了js模拟时，拖动滚动...
ie6,ie7,ie8完美支持position:fixed的终极解决方案
10-25
ie6对position:fixed不支持，网上有很多解决方法，有的在ie6,ie7上调试成功后，在ie8上又不好使，div层还是跟随滚动条浮 动；以下总结方法，在ie6,ie7,ie8上都调试成功，且页面滚动条滚动时，效果还挺好，div层并...
IE6不支持position:fixed bug的完美解决
09-25
本文将详细介绍如何解决 IE6 不支持 `position:fixed` 的问题，并提供一种完美的解决方案。 首先，让我们分析一下 IE6 中的 `position:fixed` bug。在标准浏览器中，设置 `position:fixed` 可以使元素相对于浏览器...
js完美解决IE6不支持position:fixed的bug
12-03
总的来说，解决IE6不支持`position:fixed`的问题需要开发者具备深入的CSS和JavaScript知识，以及对浏览器特性的理解。通过巧妙地使用条件注释、CSS表达式或JavaScript，我们可以让旧版本的IE浏览器也能实现类似现代...
关于 compatMode 问题
shenzhenNBA的专栏
03-13 4902
在开发时, 对于 document.compatMode 问题, 这个对于我们开发兼容性的web页面很有帮助，MS IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的， 在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有很大差别，而在不声明Doctype的情况下，IE默认又是Quirks M
position属性
weixin_56815226的博客
05-17 267
1.static 默认属性，即没有定位，元素出现在正常的流中。因此这种定位就不会受到top、bottom、left、right的影响。 2.fixed（脱离文档流） fixed定位是指元素的位置相对于浏览器窗口是固定位置。 （ fixed定位在IE7和IE8下需要描述！DOCTYPE才能支持） 3.relative 相对自身本来的位置。并且其元素移动后原来占据的位置仍然存在，并不影响其他元素。 4.absolute（脱离文档流） 相对设置了非static属性的父级元素，若无，则相对于body
JS文档模式 -document.compatMode
deng131的专栏
05-29 180
IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有很大差别，而在不声明Doctype的情况下，IE默认又是Quirks Mode。所以为兼容性考虑，我们可能需要获取当前的文档渲染方式。 document.compatMode正好派上用场，它有两...
IE8 不支持 position:fixed 的简单解决办法
xuanjiewu的专栏
09-28 5894
今天发现使用 position:fixed 的页面在firefox下没有问题，在IE8下却不能正常显示，在网上找了找，有不少相关文章，但是不是不起作用就是太复杂，后来终于发现一个简单的解决办法，就是在html的开头加上 ： 就可以了，后来搜了搜，发现 HTML 4.0 Transitional 和 XHTML 1.0 Transitional  的布局确实有不少差异，可以参见这里： 
固定浮动窗positioin:fixed浏览器(IE6 IE7 IE8 IE9 Chrome Firfox)兼容性解决方案
huobengluantiao8
03-29 255
固定浮动窗就是固定在浏览器某个位置，不随滚动条而变动的窗体。 先贴代码： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;style type="t...
ie6,ie7,ie8对position:fixed的完美解决方案--整理
u010271693的专栏
08-08 523
ie6对position:fixed不支持，网上有很多解决方法，有的在ie6,ie7上调试成功后，在ie8上又不好使，div层还是跟随滚动条浮动；以下总结方法，在ie6,ie7,ie8上都调试成功，且页面滚动条滚动时，效果还挺好，div层并不会闪烁。 [code="html"] [/code] css: [code="java"] .fixed{ ...
IE浏览器 position:fixed 问题
忽而今夏 qianxiaochi
11-24 4134
这个是我之前的解决办法： http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 1title>   *html{overflow:hidden;} *body{height:100%;overflow:auto;} body {margin:0
修复IE6浏览器position:fixed定位问题的CSS解决方案
"解决在Internet Explorer 6 (IE6) 中使用`position: fixed`的定位问题" 在Web开发中，`position: fixed`是一种常用的CSS定位方式，它可以让元素相对于浏览器窗口保持固定的位置，即使页面滚动也不会改变其位置。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值