바탕 화면 Safari에서 마이너스 위쪽 여백을 유지하는 방법은 무엇입니까?

Question

내 로고의 로고에 음수 여백을 추가 했으므로이 시점까지는 테스트 한 모든 브라우저에서 문제가 없습니다. 여기를 참조하십시오 :

문제가 잘 사파리 바탕 화면에 표시되지 않는 것입니다. 여기를 참조하십시오 :

를 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

단순히 cha nged # site-title {margin-top : -30px; } ~ .safari # 사이트 제목 {margin-top : 0; }

희망이 있으면 도움이됩니다.