用IE和microsoft edge 打开网页banner的图片都没显示

用chrom打开可以显示，但是ie和edge打开就是banner的图片不见，好奇怪

这个是用IE和edge打开的

这个是用chrom打开的

源自：HTML5网页布局 3-1 html5页面布局（兼容）

收起

2回答

嘘_别说话 2017-02-19 18:23:24

你把这些标签换成div试试

嘘_别说话 2017-02-19 08:24:06

IE对html5的一些标签有兼容性，你的图片是用什么标签写的？可以看看你这个IE上不显示效果的代码！

提问者西岚Silan #1

.banner { background: #F0F0F0; } .banner>ul { position: relative; width: 1290px; height: 450px; overflow: hidden; margin: auto; padding-top: 10px; height: 538px; } .banner>ul>li { position: absolute; width: 610px; /*这是通用图片设置*/ height: 300px; overflow: hidden; } .banner>ul>li.active { z-index: 2; top: 37px; right: 0; left: 0; width: 960px; height: 450px; margin: auto; border：1px solid #fff; } .banner>ul>li.left { z-index: 1; top: 0; bottom: 0; left: 0; margin: auto; } .banner>ul>li.right { z-index: 1; top: 0; right: 0; bottom: 0; margin: auto; } .banner>ul>li>img { height: 100%; position: absolute; left: -30%; }

2017-02-19 16:43:39
提问者西岚Silan #2

我把section header之类的 h5标签全部给他加了{display:block;}但是也没用。。

2017-02-19 16:45:57