html img为什么上面一直有间隙，img没有占满高度

Question

如下图所以

明明定义的高度是350，但是头部一直有个小间隙，所以，问一下，刚刚开始学习


css 代码为

.index_top_banner {
    vertical-align:top;
    font-size:0;
    display:block; 
    overflow:hidden;
    width:100%;
    height:350px;
    margin-top: -10px;
    padding: 0;
}

html 代码为

<!-- 横幅广告 -->
<div class="index_top_banner">
<img src="{#$QISHI.site_template#}images/index_top_banner.jpg" />
</div>
<!-- 横幅广告 End-->

Answer 1

.index_top_banner img{
    display: inline-block;
    height: 100%;
    width: 100%;
}

经过调试之后, 是head中的 z-index影响到了banner中的图片.

Answer 2

看截图是图片的问题

Answer 3

img本身就是这样的，会有间隙

Answer 4

给img display：block

Answer 5

如1楼回复，是head的问题

将head的css修改
原有

.head{width:100%;height:73px;border-top:2px solid #00b38a;background-color:#ffcc7f;position: relative;z-index: 32;}

修改后

.head{width:100%;height:73px;border-top:2px solid #00b38a;background-color:#ffcc7f;position: relative}