背景对齐右上方不工作

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

来源

2012-08-05 Greg

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

正如你可以看到，有很多空白的地图右侧： http://purewords.com/test4/images/norway-map.png

来源

2012-08-05 19:10:38 Kwon

得到它...我想我没有保存图片的“小”的版本。谢谢！ – Greg 2012-08-05 19:13:57

背景对齐右上方不工作

回答

相关问题