IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
39 浏览量
2020-12-11
22:22:31
上传
评论
收藏 26KB PDF 举报
IE6/7 and IE8/9/10(IE7模式模式)依次隐藏具有依次隐藏具有absolute或或relative
的父元素和子元素后再显示父元素的父元素和子元素后再显示父元素
如下
1，两个div，d1中包含d2
2，d1，d2都设置了absolute或relative
3，隐藏d1
4，隐藏子元素d2
5，显示d1
这时IE6/7 and IE8/9/10(IE7模式)中会发现，子元素d2也能显示出了(别忘了，d2被display:none 了哦)。但
IE8/9/10/Firefox5/Safari4/Chrome12中子元素d2仍然是被隐藏的。
重现代码
代码如下:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<meta charset=”utf-8″ />
<title>IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素，子元素依然能显示
bug</title>
</HEAD>
<BODY>
<p>
<button onclick=”hidden_d1()”>1) 隐藏div[id=d1]</button>
<button onclick=”hidden_d2()”>2) 隐藏div[id=d2]</button>
<button onclick=”display_d1()”>3) 显示div[id=d1]</button>
</p>
<div id=”d1″ style=”position:absolute;width:200px;height:200px;border:1px solid gray;”>
<div id=”d2″ style=”position:absolute;width:100px;height:100px;background:gold;”></div>
</div>
<script>
var d1 = document.getElementById(‘d1’);
var d2 = document.getElementById(‘d2’);
function hidden_d1() {
d1.style.display = “none”;
}
function hidden_d2() {
d2.style.display = “none”;
}
function display_d1() {
d1.style.display = “block”;
}
</script>
</BODY>
</HTML>
资源评论
weixin_38746818
- 粉丝: 7
- 资源: 910
最新资源
- yolo目标检测项目实验
- downloadFile-1.hc
- Centos7.9环境下离线安装开源版Nginx（亲测版）
- C++课程设计：基于Qt的航班信息管理系统
- ADS7822UVerilog驱动，前面传的有点问题
- 基于python的高性能爬虫程序，使用了多线程+缓存+xpath实现的，这里以彼-岸图库为例，实现，仅用于学习交流
- 中分辨率成像光谱仪（MODIS）烧毁面积产品信息MODIS-C6-BA-User-Guide-1.2.pdf
- Screenshot_20240427_172613_com.huawei.browser.jpg
- 关于学习Python的相关资源网站链接及相关介绍.docx
- （HAL库）基于STM32F103C8T6的温控PID系统[Dht11、ESP8266、无线透传、L298N……]
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
