（转）IE6/IE7下position:absolute;绝对定位偏移、不显示问题

最新推荐文章于 2020-11-27 08:09:44 发布
最新推荐文章于 2020-11-27 08:09:44 发布
阅读量780 收藏
点赞数 1
分类专栏： ie hack 文章标签： ie7 hack

这个原因是因为IE6/IE7的解析是在position:absolute之后,仍然会按照普通文档流的解析来进行，而要打破这种方式，让它正常工作就需要给它加上一个准确的定位，具体代码如下：

方法一：

CSS:
在这里插入图片描述
html代码：
在这里插入图片描述
切记left:0px;必须两个都要写，少写一个都会造成不显示:

方法二：在每个position：absolute；的元素前面加一个空的div

在这里插入图片描述

lxx-sissi
关注
专栏目录
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
12-11
这个问题涉及到的是Internet Explorer浏览器（尤其是IE6、IE7以及在IE8、9、10的IE7兼容模式下）在处理CSS布局和显示属性时的一个兼容性问题。具体表现为：当一个设置了`absolute`或`relative`定位的父元素被隐藏...
CSS中的position:relative;的作用示例介绍
12-10
在某些旧版本的浏览器如IE5.5和NS6中可能不支持。 在你的场景中，你想要让`div#sub`相对于`div#demo`定位在右上角。正确的做法是设置`div#demo`的`position`为`relative`，这样`div#demo`成为`div#sub`的定位参考点...
a标签position为absolute时，IE无法点击（a position:absolute bug ie）
Just Code
08-09 216
为什么要把a标签搞为absolute呢？很多时候为了覆盖在其他html标签上，实现一些点击，比如一个flash广告，要想在整个flash上加一个链接，单击整块flash链接到某个网页。   用一个绝对定位的a标签覆盖在flash上： <style> .flash { width:200px;height;200px;position:relative; } .flash-l...
IE11 弹出层偏移position:absolute
smbm0823的专栏
04-28 990
原代码： <!-- 弹出层 --> <div class="popup" style="position:absolute;"></div> <!-- 页面主内容层 --> <div class="main-content"></div>
IE6下position:absolute的定位BUG
nox
08-14 310
position:absolute定位在IE6下存在left和bottom的定位错误问题:      小老头  cjky  小老头  cjky  上面这段代码在IE6中定位错误。解决办法有两种：1、给父层设置zoom:1触发layout。 2、给父层设置宽度（width）。      小老头  cjky  小老头  cjky
html a标签position为absolute时，IE浏览器无法显示为块
happinessshuang的专栏
06-13 255
为什么要把a标签搞为absolute呢？很多时候为了覆盖在其他html标签上，实现一些hack点击，比如一个flash广告，要想在整个flash上加一个链接，单击整块flash链接到某个网页，有这么几种办法： 1,flash 文件内置链接，这种办法，修改链接地址非常麻烦，因为你需要修改flash源文件，如果flash应用的很熟练，这不失为一中解决办法，但如果你的flash链接经常换，最好不要...
IE6/IE7下position:absolute;绝对定位偏移、不显示问题(转文)
weixin_30815469的博客
03-31 144
以下文章转自网易 幸福镰刀 的博文 今天做项目，因为在一个模块里有几十张的图片显示，原想用table布局可能会比较方便，没想到出现的问题竟让我一整天痛不欲生。最后我痛下一决定，以后坚决不能用table来布局，哪怕只是一小块模块，table它是表格也只能是表格。 现在来说一下定位问题，问题的缘由本来是想再图片上加一表现层，用来介绍图片的基本信息，效果如下： ...
ie6下实现position:fixed效果实例介绍
09-25
在IE6浏览器中，`position:fixed`是一个棘手的问题，因为这个浏览器并不原生支持这一CSS定位方式。`position:fixed`允许元素相对于浏览器窗口进行定位，即使页面滚动，该元素仍然保持在屏幕的固定位置。这对于创建如...
IE6/7在滚动区域内的标签使用position会飘出这个滚动区域不随滚动条滚动
09-25
`position`属性用于定义元素在页面上的定位方式，主要有`static`（默认值，正常流布局）、`relative`（相对定位，相对于其正常位置进行偏移）、`absolute`（绝对定位，相对于最近的非`static`定位祖先元素定位）和`...
li标签的position:absolute与relative案例应用
09-25
在网页布局设计中，CSS（层叠样式表）的`position`属性是非常关键的一个概念，它决定了元素在页面上的定位方式。本案例中涉及到的是`position`属性的两个值：`relative`和`absolute`，它们在li标签的应用中起到了...
ie7元素position设为absolute其子元素mouseover，mouseout等鼠标事件失效
程序人生
09-08 642
在作鼠标经过时的一些特效（combox，suggest，menutffu）时，使用用mouseover，mouseout，mousermove事 件时。如果某个html元素的position值为absolute时，ie7下，如果鼠标经过其子元素的空白处，上述事件将无效；如果经过文字时，事件 触发正常。但ie6下都正常。 注：无论事件如何定义结果一样（html标签，dom的属性，attachE...
ios fixed定位后内容不显示_关于盒子div在position下的定位实例。【205】
weixin_39566493的博客
11-27 522
图1一、先理一下position有多少种用法，再开始实例。absolute 绝对定位，相对于非static的父元素fixed 绝对定位，相对于浏览器relative 相对定位，相对默认位置static 默认值。以上的1，2，3都是通过top,left,right,bottom属性来生效。二、用实例去理解吧，先做个盒子，里面有一个公式。图2图3三、面积应该是a的平方，可我们的2却不在平方的位置，于是...
ie6下position:absolute绝对定位内容不显示
jinjuanyang的博客
07-03 1207
ie6下position:absolute绝对定位内容不显示!!百度一下，找了解决方法，原来是因为使用绝对定位的标签紧挨着的标签使用了浮动：float。哎！没办法，我的解决方法是在他们之间又单独写了一个清除浮动的标签。保存，刷新页面，哇塞！好了！分享出来，给同样被此问题困扰的你指明一个方法。可以看下代码 div class="logo l">h1>a href="#">a>h1>div>    
css -- position : absolute 在不同的浏览器位置不同
Guo15737827719的博客
10-24 2705
注：自己遇到的一个css小问题。 测试工具：css 、火狐浏览器 、谷歌浏览器 、极速谷歌浏览器 问题：div中某标签使用绝对定位后在火狐、谷歌和极速谷歌中显示位置不同。 解决：在div中添加相对定位relative并设置top和left。 案例： 设置完相对定位后设置left和top为零，然后设置div中的绝对定位并设置left和top为零，定位到div左上角。 （注：margin可能会失效。...
IE6 绝对定位不显示bug position:absolute;
weixin_30686845的博客
05-29 98
IE6下采用绝对定位的元素如果紧接着浮动元素，那么就有可能显示不出来: 1、采用“position:aboslute”进行绝对定位的元素不要紧接着浮动元素。如果不能去掉紧接着的浮动,那就加一个空层 clear:both;,并且把层的font-size:0px;(因为在ie6中层的内容是空的时候是有默认高度的,设置font-size:0px;可以解决这一bug.) 2、在采用“position:...
absolute绝对定位的元素显示不出来的可能原因
热门推荐
hzxOnlineOk的博客
08-07 1万+
在父元素position: relative相对定位后 对子元素position: absolute绝对定位，如果没有指定width，会显示空白，当然，如果同时设置left和right，相当于会默认计算一个width，所以也可以正常显示 <View style={{ position: 'absolute', width: '100%', left: 0, // r
【IE bug 解决办法】IE下（IE10及以下）当元素为absolute定位时，点击事件失效的解决办法 ...
weixin_30691871的博客
06-26 231
比如下面这个例子： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Demo</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js">&lt...
【IE bug 解决办法】IE下（IE10及以下）当元素为absolute定位时，点击事件失效的解决办法
snow_finland的专栏
06-26 4495
不如下面这个例子： Demo .wrap{ width:540px; height:260px; position:relative; } .layer_pre{ position:absolute; top:0; left:0; width:250px; height:240px; } .layer_next{ position:absolute; top:
在chrome浏览器中，元素absolute/relative定位的一个BUG
网站开发初中级代码参考-转载
11-30 693
前几日，用EXT的一个组件的API（setAutoScroll）设置容器滚动条属性（overflow）发现的这个问题。 问题描述如下：··可能描述得有点乱，觉得描述有点糊涂的，可以直接复制代码自己操作下就很容易明白了。~~ 我们知道可以通过JS设置元素的overflow属性来设置是否显示滚动条，取值有auto, hidden, visible,scr...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值