Css 如何使我的负上边距在桌面Safari中保持一致?
我已经在我的站点的徽标上添加了一个负边距,在我测试过的所有浏览器中,它看起来都很好。请看这里: 问题是它没有正确显示在Safari桌面上。请看这里: HTML格式如下:Css 如何使我的负上边距在桌面Safari中保持一致?,css,safari,margin,Css,Safari,Margin,我已经在我的站点的徽标上添加了一个负边距,在我测试过的所有浏览器中,它看起来都很好。请看这里: 问题是它没有正确显示在Safari桌面上。请看这里: HTML格式如下: <hgroup id="logo_container"> <div id="logo_inside_container"> <h1 id="site-title"><a href="<?php echo esc_url( home_url( '/' )
<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>
#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;
}
我在这里找到了一种将特定于浏览器的类添加到我的body类的方法: 只需将#站点标题{margin top:-30px;}更改为.safari#站点标题{margin top:0;} 希望这对别人有帮助