Question

在我的网站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 */
}

Answer 1

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

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

背景对齐右上角不起作用

1 个答案: