Question

我的客户端WordPress网站标题中的徽标图像正常显示在除IE7和IE8之外的所有浏览器中 - 它被切成两半（上半部分未显示）。

谷歌搜索提出了一系列可能的原因，从max-width到z-index。尝试了我能找到的一切，没有任何改变。

HTML：

<div class="logo">
    <a href="<?php echo home_url(); ?>"> <img src="<?php echo $data['header_logo']; ?>" alt="<?php bloginfo('name'); ?>" /></a>
</div>

计算风格（来自Chrome）：

-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-border-image: none;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-size: auto;
border-bottom-color: #EC5923;
border-bottom-style: none;
border-bottom-width: 0px;
border-left-color: #EC5923;
border-left-style: none;
border-left-width: 0px;
border-right-color: #EC5923;
border-right-style: none;
border-right-width: 0px;
border-top-color: #EC5923;
border-top-style: none;
border-top-width: 0px;
color: #EC5923;
cursor: auto;
display: inline-block;
font-family: arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 105px;
line-height: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: static;
text-decoration: none;
vertical-align: middle;
width: 460px;

完全没有尝试的东西。有什么想法吗？

Answer 1

发现了这个问题。父母div有一个负边缘，正在切断图像。

IE8中的图像高度被切断

1 个答案: