CSS позиционирование картинки по центру, но чтобы была видна нижняя часть -- background, background image

Используйте комбинацию:

center bottom

Например:

.footer-bg {
    color: #fff;
    height: 100%;
    background: url(/img/portfolio/12.jpg) no-repeat center bottom fixed #000; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

где fixed - не обязательная опция (фиксированное позиционирование просто как частный случай)