如何讓我的負頂部邊距在桌面Safari中保持一致？

Question

我已經爲我的網站的徽標添加了一個負邊距，並且在我測試過的所有瀏覽器中都很好。在這裏看到：

問題是，它是不正確的Safari桌面顯示。在這裏看到：

的HTML如下：

<hgroup id="logo_container"> 
    <div id="logo_inside_container"> 
     <h1 id="site-title"><a href="<?php echo esc_url(home_url('/')); ?>" title="<?php echo esc_attr(get_bloginfo('name', 'display')); ?>" rel="home"><img src="/wp-content/uploads/logo.png" alt="612 Vineyard - Berryville, VA"/></a></h1> 
    </div> 
</hgroup> 

的CSS如下：

#site-title { 
margin-top: -30px; 
display: block; 
padding: 0; 
width: 190px; 
height: 143px; 
float: left; 
} 
#site-title img { 
    width: 190px; 
    height: 143px; 
} 
#logo_container { 
    display: block; 
    width: 100%; 
    height: 100%; 
    margin: -29px 0 0 !important; 
    background: url('/wp-content/uploads/logo_stripe_bg.png') 0 41px repeat-x; 
} 
#logo_inside_container { 
    display: block; 
    width: 860px; 
    height: 143px; 
    margin: 0 auto; 
    background: url('/wp-content/uploads/logo_stripe.png') 0 41px no-repeat; 
} 

Answer 1

我發現了一種特定瀏覽器類添加到我的身體這裏的課程：http://codebyte.dev7studios.com/post/4180628671/add-browser-to-body-class-in-wordpress

Simply cha nged＃site-title {margin-top：-30px; } to .safari＃site-title {margin-top：0; }

希望這可以幫助別人！