我有一个简单的图像标签,没有出现在IE浏览器中,我已经弄乱了萤火虫,当我将位置设置为绝对它显示的其他东西时,为什么绝对不起作用?无论如何要解决我的问题吗?
我的图片代码:
<div class="container-fluid header">
<div class="row">
<div class="col-md-4 col-md-push-4">
<a href="/" id="logo"><img src="img/logo.svg" alt="Logo"></a>
</div>
<div class="col-md-4 col-md-pull-4">
</div>
<div class="col-md-4" >
</div>
</div>
</div>
我也在媒体查询中执行此操作可能是相关的,因为当屏幕较小时,则会显示992像素图像:
@media (max-width: 992px){
#logo img {
position: relative !important;
width: 300px;
}
}
的CSS:
#logo img{
margin-top: 50px !important;
position: absolute !important;
max-width: 438px;
display: inline-block;
margin: 0 auto;
}