在ie下实现position:fixed效果最简单有效的途径

最新推荐文章于 2022-05-17 21:32:22 发布
最新推荐文章于 2022-05-17 21:32:22 发布
阅读量696 收藏
点赞数
分类专栏： Javascript 文章标签： IE HTML 浏览器
有个限制，一定要设置一下DOCTYPE 
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


给需要fixed的元素加个类名class='fixed'
普通的style里面
div.fixed {
position; fixed
}
给支持fixed的浏览器
然后加上 
  
<!--[if lte IE 6]>
<style type="text/css">
html, body
	{
	height: 100%;
	overflow: auto;
	}
div.fixed {
	position: absolute;
}
</style>
<![endif]-->
iteye_18941
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于ie 对position定位后的z-index问题
qq_37016928的博客
12-05 1222
对于其他浏览器position最近发现了一个很简单却又很多人应该碰到的问题，设置Z-INDEX属性无效。 在CSS中，只能通过代码改变层级，这个属性就是z-index，要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。 1.第一种情况（z-index无论设置多高都不起作用情况）： 这种情况发生的条件有三个： 1、父标签 pos...
关于IE 浏览器的position居中定位的问题和 行块元素的设置问题
weixin_30747253的博客
06-04 420
这两天在写页面时，遇到一些IE浏览器显示不正常的问题，主要有两个： 1. 在td 中设置span 元素水平垂直居中，在谷歌浏览器中可以正常显示，但是在IE 中却无法显示出想要的结果，即不能实现垂直水平居中 2.将元素设置成行块元素时，老是显示不对齐，也不能显示想要的效果 3.第一个问题的css 设置如下： 1 table.shanye tbody tr td.td1 ...
IE6浏览器不支持固定定位（position：fixed）解决方案
cherry_vicent的专栏
03-10 614
经过多次测试，原来不只在IE6下，在IE7、IE8浏览器下，若是文档使用的是怪异（quirk）模式也会导致这个问题。这也难怪，当IE7、8使用怪异模式时，渲染引擎将以接近IE6的渲染模式来解析CSS。最后，我得出了以下结论： 　　 IE6、IE7（quirk模式）、IE8（quirk模式） 浏览器将 'position' 特性的 fixed 值当作错误值处理。从而导致使用固定定位的元素使用 'p
position属性
weixin_56815226的博客
05-17 196
1.static 默认属性，即没有定位，元素出现在正常的流中。因此这种定位就不会受到top、bottom、left、right的影响。 2.fixed（脱离文档流） fixed定位是指元素的位置相对于浏览器窗口是固定位置。 （ fixed定位在IE7和IE8下需要描述！DOCTYPE才能支持） 3.relative 相对自身本来的位置。并且其元素移动后原来占据的位置仍然存在，并不影响其他元素。 4.absolute（脱离文档流） 相对设置了非static属性的父级元素，若无，则相对于body
IE11下使用fixed定位时鼠标滚动不平滑
weixin_34097242的博客
10-08 695
很久不用IE了，近期做兼容性测试发现一个fixed定位的问题，当元素使用fixed定位时，其应该不随页面滚动，在chrome/firefox/edge下都很完美，元素完全不动，但是使用IE11时，如果使用鼠标滚轮，元素会先随页面一起移动位置，然后再回到原位，产生抖动问题，但用鼠标拖动滚动条时则没问题。这个问题肯定不是代码问题，问题出在IE设置上，IE11默认开启“平滑滚动”功能，需要手工关闭，具体...
解决IE不支持position:fixed问题
hmonkey915的专栏
02-28 4039
页面上需要一个固定位置的块，不论页面怎么滚动，始终停在它的位置，比如“返回顶部”、“给建议”、“分享按钮”、“广告”等等。css中有position: fixed;可以直接用。IE确不支持，有没有好的办法解决 评论 (1) • 分享 • 链接 • 2012-02-03 0 这个兼容性问题通常是采用JS+绝对定位方式处理 – xiaomi 2012-02-0
CSS中position属性之fixed实现div居中
09-03
总的来说，通过理解并应用`position: fixed`以及相关的CSS布局技巧，我们可以轻松地实现div在浏览器窗口中的居中效果。这在构建响应式设计或者需要元素始终显示在可视区域中央的场景中尤其实用。
jquery配合css简单实现返回顶部效果
10-26
对于IE6的兼容性处理，由于其不支持`position: fixed`，代码使用了`_position: absolute`和`_bottom: "auto"`的hack方法。 接下来是jQuery部分，这部分代码主要负责动态控制返回顶部按钮的显示和隐藏，以及实现点击...
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
12-03
如果导航栏原本的样式中有`position:relative`，可能需要额外处理，最简单的方法是将导航栏的宽度固定。 总结来说，这个知识点涉及到了jQuery的事件监听（`$(window).scroll()`）、CSS定位（`position:fixed/...
在浏览器窗口上添加遮罩层的方法
12-04
3. **IE6的特殊处理**：在IE6下，遮罩层无法覆盖`select`元素，这可以通过在遮罩层内嵌入一个`iframe`来解决。`iframe`的目的是创建一个新的层，从而隔离遮罩层与`select`元素，防止选中穿透。 ```html ...
JS简单实现DIV相对于浏览器固定位置不变的方法
11-22
这种方法在某些情况下可能是必要的，例如在旧版IE浏览器中，`position: fixed`可能不被支持。 以下是关键代码解析： 1. `init()`函数在页面加载完成后执行，初始化`<div id="oLayer">`的初始位置。 2. `document....
ie6,ie7,ie8完美支持position:fixed的终极解决方案
10-25
ie6对position:fixed不支持，网上有很多解决方法，有的在ie6,ie7上调试成功后，在ie8上又不好使，div层还是跟随滚动条浮 动；以下总结方法，在ie6,ie7,ie8上都调试成功，且页面滚动条滚动时，效果还挺好，div层并不会闪烁。
完美解决IE6浏览器下不兼容positionfixed固定定位问题.txt
04-04
决IE6浏览器下不兼容positionfixed固定定位问题
ie8 不支持 position:fixed 的简单解决办法
一羽的专栏
01-07 193
今天发现使用 position:fixed 的页面在firefox下没有问题，在IE8下却不能正常显示，在网上找了找，有不少相关文章，但是不是不起作用就是太复杂，后来终于发现一个简单的解决办法，就是在html的开头加上 就可以了，后来搜了搜，发现 HTML 4.0 Transitional 和 XHTML 1.0 Transitional 的布局确实有不少差异，可以参见这里： htt...
解决IE6浏览器下position:fixed固定定位问题
我的地盘
02-28 1210
像你所遇到的问题一样， IE6浏览器有太多的bug让制作网页的人头疼。这篇文章介绍的是介绍的是如何解决IE6不支持position:fixed;属性的办法。如果我们需要做某个元素始终位于浏览器的底部，不会因为浏览器窗口的缩放和滚动条的滚动而变化，那个肯定是想到的用position:fixed生成绝对定位，只要设置这个CSS属性就能达到刚刚的需求。当其他浏览器都正常显示的时候，只有IE6不那么完美。
IE浏览器 position:fixed 问题
忽而今夏 qianxiaochi
11-24 4042
这个是我之前的解决办法： 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
[if IE 6]>与<![endif]
yong718100的专栏
10-08 253
------------------------------------------------------------------ < !--[if lte IE 6]> ……< ![endif]--> < !--[if lte IE 6]> ……< ![endif]--> Ite：less than or equal to意思是小于或等于IE6浏览器，用于IE浏览器的条件注释，常用于...
IE 6~8 position:fixed 不兼容解决方法
eno的博客
07-20 1898
IE8及以下版本对position: fixed 是不支持的 所以当你需要页面需要用到固定定位，同时有要兼容IE时 可以这样写固定定位 先给其他浏览器写定位 .fixed{ position:fixed; /*固定在浏览器左上角*/ top:0; left: 0; width:100px; height:100px; ...
IE8 不支持 position:fixed 的简单解决办法
xuanjiewu的专栏
09-28 5841
今天发现使用 position:fixed 的页面在firefox下没有问题，在IE8下却不能正常显示，在网上找了找，有不少相关文章，但是不是不起作用就是太复杂，后来终于发现一个简单的解决办法，就是在html的开头加上 ： 就可以了，后来搜了搜，发现 HTML 4.0 Transitional 和 XHTML 1.0 Transitional  的布局确实有不少差异，可以参见这里： 
小程序 scroll-view 中position: fixed失效和position: absolute效果一样
最新发布
07-28
因此，当你在 `scroll-view` 中使用 `position: fixed` 时，它实际上会被解析为 `position: absolute`，并且相对于 `scroll-view` 的内容区域进行定位，而不是相对于整个页面。 如果你想要在小程序中实现固定定位...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值