私のクライアントの 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;
試してみることはまったくありません。何か案は？