ie6 下遮罩层 height 不显示100%的解决方法

最新推荐文章于 2024-10-04 06:11:34 发布
最新推荐文章于 2024-10-04 06:11:34 发布
阅读量84 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/ice_nemo/archive/2011/05/12/2044586.html
版权

IE6 里面无法实现 自定义height的100%高度，
只能设置准确的大小值，但是在IE7以上微软重新回归W3C标准，
所以你删除

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

以后，就没有定义网页的标准，所以就出现你上面说的那种情况了！

当然，能用js解决这个问题更好啦。

转载于:https://www.cnblogs.com/ice_nemo/archive/2011/05/12/2044586.html

weixin_30691871
关注
IE6下遮罩层不支持width:100%解决技巧
心随梦飞
06-06 679
今天在写前端遮罩层时碰到一个问题，使用绝对定位给图片添加透明遮罩层时，遮罩层用width:100%，在IE6下不兼容，IE7+没问题，因为IE6下的这个100%不是针对父级容器，而是针对一个指定高度的祖先容器（高度不为auto的容器）。解决办法是：给遮罩层父容器，即 position:relative; 的类名添加 overflow:hidden; 属性。            给遮罩层添加高度大
textarea IE6/7中设置百分比高度失效
yxc_gdut的博客
04-08 474
        大家好，我想让textarea自适应容器的高度，设置height:100%         结果其他浏览器能自适应高度，就IE6/7不能,         望高手指点          &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;textarea.html&lt;/title...
ie中html设置宽度但是无效,IE下table设置高度100%却无效的情况_html/css_WEB-ITnose
weixin_36071439的博客
06-09 309
有效果啊？为什么你说没有效果呢？你设置了两个高41px的列，还有table边框，你那个最外层的table高度就是他们加一起啊。。。你希望的效果是什么呢？占整个页面100%？我以前做ASP.NET的时候，table的高度设置100%无效，但是设置像素可以。父容器就是body。而相同的代码在纯HTML下设置100%就有效果。不知道为什么。难道一定要设置body的height?有效果啊？为什么你说没有效...
html div 100 无效,HTML / CSS - IE中div没有100％高度
weixin_39945475的博客
06-04 132
好的，所以我遇到了问题 - 我很乐意解决这个问题。我正在使用我最喜欢的方式设置简单的页眉/内容/页脚布局。问题是我添加到布局的'content'div中的任何元素都无法在Internet Explorer中扩展到100％(据我所知，仅限IE)。我知道'content'元素没有声明高度，但是由于它的定位风格(声明绝对的顶部和底部)，元素填充了所需的区域。 (内容元素定义了背景颜色，因此您可以看到di...
ie6遮罩层兼容 100%高度的实现
weixin_34080571的博客
11-29 84
.black { position:absolute;width:100%;height:100%;opacity:0.5;filter:alpha(opacity=50);background:#000; _height:expression(document.body.offsetHeight+"px") } &lt;div class="black"&gt;&lt;/div&...
兼容IE6的遮罩层
08-06
"兼容IE6的遮罩层"是一个常见的技术挑战，涉及到网页元素的层叠上下文、透明度处理和CSS hack等知识点。下面将详细阐述这些内容。 首先，遮罩层（Mask）是一种在网页上覆盖一层半透明或全透明的元素，以达到突出...
IE6下div层被select控件遮住的问题解决方法
12-13
总结来说，面对IE6中的`div`层被`select`控件遮住的问题，我们可以利用`iframe`作为遮罩，并通过设置`z-index`和动态调整`iframe`尺寸的方法来解决。虽然这个方法在现代浏览器中可能不再适用，但对于仍然需要支持IE6...
css div实现的遮罩层完美兼容IE6-IE9 FireFox
09-25
在网页设计中，创建一个能够完美兼容不同浏览器的遮罩层是至关重要的，尤其是在面对像IE6这样的老版本浏览器时。本篇文章将详细介绍如何使用CSS和div元素来创建一个兼容IE6到IE9以及Firefox的遮罩层。 首先，我们...
jQuery遮罩层实现方法实例详解(附遮罩层插件)
11-24
这里的 `showOverlay` 函数用于显示遮罩层，它首先调整遮罩层的高度和宽度以匹配页面大小，然后通过 `fadeTo` 方法逐渐显示遮罩层，以达到平滑过渡的效果。`hideOverlay` 函数则相反，使用 `fadeOut` 渐隐地隐藏遮罩...
jquery blockUI 遮罩不能消失与不能提交的解决方法
01-19
代码如下: //显示遮罩 $.blockUI({ message: $(‘#divlogin’), css:{width:”400px”, height:”255px”, top: ($(window).height() – 400) /2 + ... 在FF3.0.4，Chrome下都没问题，只是 IE6 IE7 Ie8下不正常。 打开
为啥你的height:100%不起作用？让高度百分比，height:100% 生效的3种方法.
Harley567
02-02 2944
让高度百分比，height:100% 生效的3种方法
ie6，ie7遮罩层被普通层遮住的解决方法
u010885137的博客
10-19 886
一个设置了position：absolute ； z-index ：200；的浮动层，居然被一个设置position：relative；z-index：1；或者根本没有设置z-index 的普通层遮住了。这个奇葩的现象在ie8以上是不会发生的，出现在ie6和ie7里， 解决的方法是： 方法一：限定元素和浮动元素都要设置position属性和z-index 属性，只需给absolute层设置了z
css解决页面内容超出浏览器高度后无法查看问题，自适应高度
qq_29454203的博客
03-31 966
修改前（因为整个项目将左侧滚动条禁用了） 解决后 可以根据浏览器页面缩放自动调整 代码： <div class="overflow-auto-show"> </div> <style scoped> .overflow-auto-show{ overflow:auto; height:calc(100vh - 186px); } </style> 自己调整 186px即可实现自动适应，也可以用于自适应高度
XHTML 简介
wjs2024的博客
10-04 738
XHTML作为一种严格的、基于XML的标记语言，为网页设计和开发提供了良好的可读性、可维护性和扩展性。尽管HTML5已成为当前主流的网页标记语言，但XHTML在特定领域仍然具有广泛的应用价值。
安全-密码相关技术学习路线导图
10-14
安全-密码相关技术学习路线导图
Selenium工具用于web应用程序的端到端自动化测试
最新发布
10-14
内容概要：此文阐述了软件测试的重要性和多种类型的测试方式，并特别讲解如何利用 Selenium 这款 Web 应用测试工具实施自动化测试，从环境搭建，测试代码书写再到具体测试执行，涵盖了全面的操作演示。 适用人群：软件开发人员以及QA/QC人员。 使用场景及目标：对于进行web应用的自动化、端到端测试时可以借鉴本文提供的Selenium自动化流程，达到减少人工劳动、降低bug发生的目的。 阅读建议：本文介绍了理论与实战并重，推荐在读过概念部分后跟着实战操作一遍。
line_profiler-2.1.2-cp35-cp35m-win_amd64.whl
10-14
line_profiler-2.1.2-cp35-cp35m-win_amd64.whl
课程设计-1-最优配对.doc
10-14
课程设计-1-最优配对.doc
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值