Question

我在IE浏览器中遇到了一些问题，它们是垂直对齐而不是水平对齐，但是在所有其他浏览器中都可以正常对齐？此外，当使用IE8和7时，图像根本不显示！有没有办法解决这个问题？我在下面附上了我的代码：

<div class="header_right_christmas">
            <div class="preflang_christmas">
                    <a href="#" class="delivery_xmas">
                    </a>

                    <a href="#" target="_blank" class="facebook_xmas">
                    </a>

                    <a href="#" target="_blank" class="twitter_xmas">
                    </a>

                    <a href="#" target="_blank" class="pintrest_xmas">
                    </a>

                    <a href="#" target="_blank" class="google_xmas">
                    </a>
</div>

.preflang_christmas {float:right; display:inline-flex;}

.delivery_xmas {
height:40px;
width:196px;
display:block;
background-image:url('myimage.png')no-repeat;
}

.delivery_xmas:hover {
background-image:url('myimage.png');
}

.facebook_xmas {
width:40px;
height:40px;
display:block;
background:transparent url('myimage.png')no-repeat;
}

.facebook_xmas:hover {
background-image:url('myimage.png');
}

.twitter_xmas {
height:40px;
width:40px;
display:block;
background:transparent url('myimage.png')no-repeat;
}

.twitter_xmas:hover {
background-image:url('Christmas_Homepage_Images/twitter.png');
}

 .pintrest_xmas {
height:40px;
width:40px;
display:block;
background:transparent url('Christmas_Homepage_Images/pintrest_bw.png')no-repeat;
}

 .pintrest_xmas:hover {
background-image:url('Christmas_Homepage_Images/pintrest.png');
}

 .google_xmas {
height:40px;
width:40px;
display:block;
background:transparent url('Christmas_Homepage_Images/google_plus_bw.png')no-repeat;
}

.google_xmas:hover {
background-image:url('Christmas_Homepage_Images/google_plus.png');
}

Answer 1

通过删除背景图片no-repeat来管理修复工作！

IE中垂直对齐而不是水平对齐的图像？

1 个答案: