2

在我的网站http://goo.gl/16XdA上的“关于我们”页面上，我试图在 div 的右上角对齐挪威地图，但似乎不起作用（如您所见，它只显示一个地图的一小部分和左侧）。我的 CSS 代码有什么问题？谢谢

#activity {
    height: 1300px;
    background: #8aba56;
    padding-top: 150px;
    background: url(../images/bg-water22.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#activity-container {
    width: 600px;
    background-color: #FFFFFF;
    font: 12px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color:#000;
    font-weight: 400;
    padding:25px;
    margin-left: auto;
    margin-right: auto;
    border: 1px dotted #666;
    background: #fff url(../images/norway-map.png) no-repeat right top;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
    filter: alpha(opacity=93);
    opacity: 0.93; /* For IE8 and earlier */
}
4

1 回答 1

0

图像有太多的负空间与 div 对齐。裁剪图像或指定像素的背景位置。本质上，您的 CSS 没有任何问题。图片太大了。

如您所见，地图右侧有很多空白区域：http: //purewords.com/test4/images/norway-map.png

于 2012-08-05T19:10:38.960 回答