我客户的 WordPress 网站标题中的徽标图像在除 IE7 和 IE8 之外的所有浏览器中正常显示 - 它被切成两半（不显示上半部分）。
谷歌搜索建议了一系列可能的原因，从最大宽度到 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;
完全没有东西可以尝试。有任何想法吗？