在IE6下用css设置div的高度为100%时失效的问题!

最新推荐文章于 2024-05-22 10:58:50 发布
原创 最新推荐文章于 2024-05-22 10:58:50 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie #css #div #xhtml #html #filter

 例如在css中写上

        .black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);

在FF及IE8下都可以正常显示100%高度的div,但在IE6下就变成自动适应高度了,解决办法:

1、设置html, body {height:100%}

2、删除<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这句。

 

虽然不知道为什么，但确实可以解决问题！如果你知道为什么的话请指点一下！

hilllog
关注
IE6等div 100%高度填满解决办法
11-30
IE6等div 100%高度填满解决办法
IE6 CSS高度height:100% 计算失效/无效
09-25
这就是为什么在例子中，当没有给#demo设置具体高度时，内部的#demodiv的高度在IE6下计算出错。 让我们更深入地探讨这个问题： 1. **百分比高度的依赖性**：在CSS中，一个元素的百分比高度是相对于其最近的有固定...
如何让 height:100%; 起作用
Les étoiles的专栏
12-04 2292
当你设置一个页面元素的高度(height)为100%时，期望这样元素能撑满整个浏览器窗口的高度，但大多数情况下，这样的做法没有任何效果。你知道为什么height:100%不起作用吗？ 按常理，当我们用CSS的height属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如，如果一个div元素的CSS是height: 100px;，那它应该在页面的竖向空间
前端div设置高度100%突然失效问题。
m0_47090638的博客
09-25 520
在写静态小米官网的时候，突然遇到设置的div高度100%失效 最终找到一个解决办法 用相对定位来解决 <!DOCTYPE html> <html > <head> <title>bsl.html</title> </head> <body> <div class='title' style="background-color:yellow;height: 50px"></div> &
CSS难点 为什么height设置100%会失效，分栏目等高布局(高度自适用布局)的实现方案...
04-23 1397
前言 相信在平时写CSS的时候大家都或多或少遇见过设置了height为百分比的时候发现不起作用。今天我们就来一探究竟 原因：父元素未设置具体高度，子元素设置height:100%是无效的。 现象以及方案 [1] 设置高度为100%时，无法实现全屏 <!DOCTYPE html> <html lang="en"> <head> <meta ...
IE6 CSS高度height:100% 无效解决方法总结
weixin_34310127的博客
02-05 187
上面红色部分为 height:100%; 自动拉伸到与父元素一样的高度。在IE7 8 FF 等浏览器中通过position:absolute;可以使height:100%;正常显示，IE6下无效。方法一： 使用CSS嵌入JS来实现。 _height:expression(document.getElementById('div2').offsetHeight+"p...
当DIV高度为自动时,背景颜色无法显示的解决方法
12-13
然而，在不同的浏览器中，特别是老版本的Internet Explorer（IE6、IE7和IE8），`div` 的高度设置为 `auto` 时，可能会引发一些兼容性问题，其中最常见的是背景颜色或背景图片无法正确显示。这个问题主要源于这些旧版...
IE6下伪类hover失效问题及解决办法
09-25
当在IE6下尝试对`<a>`标签的子元素应用`:hover`样式时，会遇到一些意想不到的情况。根据描述，IE6会要求父级`<a>`标签有一个`:hover`样式定义，即使这个定义中没有任何实际的样式。如果没有为父级`<a>`标签设置`:...
IE下css常见问题总结及解决
12-13
在IE6下，当`div`设置为`float`时，左侧或右侧的`margin`可能会加倍。解决这个问题的一种方法是给该`div`添加`display: inline;`。 ```css .float-div { float: left; display: inline; } ``` 3. **min-...
css子元素height:100%无效问题。
a5252145的博客
07-30 1918
css子元素height:100%无效问题。 1. 高度自适应前提是，子元素所有的父级元素全部height:100%. 2. html:{ height:100% } body:{ height:100% }
IE不支持 内div height：100%解决方案
mememama111的专栏
09-01 296
要在body上加入 height:100% 但是body的height:100% 在FF中不受支持，要在html中也加上height:100%
关于 iframe 在ie11 height:100% 无效的巨坑
weixin_30632899的博客
12-07 364
好的，今天公司分配了个解决ie中的bug的任务，其中，有一个就是iframe 的高度 100% 没有生效的问题； 一开始，由于我真的没有怎么去了解过iframe这个货，所以，网上各种搜索一大堆关于这货的资料，到最后，发现并没有卵用，没有找到问题的重点； 甚至搜索到请求头要设置X-Frame-Options这个参数的点上去了，顺带说说，X-Frame-Options这个参数： 有时候为了防止网...
ie6 兼容height:100% , 和position:fiex
kongjiea笔记
07-02 2199
_height:expression(document.body.offsetHeight+"px")
为什么设置height:100%有时没有生效的原因
jian091309的博客
04-23 4574
为什么设置height:100%有时没有生效的原因
设置height:100%不生效的原因
最新发布
lbcbjtlhmjq的博客
05-22 1216
之前网课案例总是不屑于去看，因为总觉得太花时间，但是不可否认的是，认真去看还是会有收获的，而且常有意外收获 昨天在看实现动画效果的综合案例中，意外解决了我长久以来的一个疑问：为什么给元素设置height:100%不生效？
IE8中height100%无效解决方案
无忧无虑的Coding~~~
12-12 5767
在IE8中设置height100%无效需要在样式表中加入以下代码： html,body,form{ height:100%; }
ie7 height 100%无效解决办法
Web前端开发
12-29 1632
position:absolute http://www.cnblogs.com/huangyong8585/archive/2013/02/05/2893058.html
【CSS篇】父元素设置min-height，子元素height 100%失效问题
章魚尐芄子的博客
07-08 5616
当父元素设置了min-height，子元素设置height为100%，此时子元素的height 100%失效
解决DIV+CSS在不同浏览器中的兼容性问题
特别是完全依赖于DIV+CSS构建的页面，若未充分考虑IE6、IE7与Firefox之间的兼容问题，极有可能出现元素错位、盒模型异常、浮动塌陷、定位偏移甚至样式完全失效的情况，最终导致页面“乱成一团”。 造成这些兼容性...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值