Question

css里，background-position为什么不起作用了？帮我看一下好吗？

我在html里是这样写的：

最下面的div就是我要在css里写backgrpund-position的东西：

引用的图片是120*240px的png：

做出来效果如下：

中间的那个红框里的图就是我想要的效果，但无论我怎么改变background-position值都是这个效果，显不出来，我还试过background-position:0px -120px;但没用，怎么改都是这样，应该是这句没起作用吧，我以前都是这样写的啊，怎么会这样呢？帮我看看好吗？





Answer 1

请补全你的CSS代码部分，给出的CSS代码中并不含背景图background-image:url()，只有一个背景图定位background-position;
另外add下的img如果宽度够大，会将add的背景盖住，只要add中有不透明的元素，则add的背景都会被盖住，被盖住部分即不透明元素的大小及位置

追问

刚那问题我已经搞定了，原因是我下的是img，而不是background，现改成如下这样：

但问题又来了，我是想让它垂直和水平居中，但效果只是水平居中，如下：

中间那个蓝框就是了，我试过这样写css：

text-align:center

vertical-align:middle

肯定不行，怎么办？难道直的要在margin:460px auto这样写？

追答

.add{
    position:absolute;
    left:50%;
    top:50%;
    margin:-60px 0 0 -60px;
}

这是一种可行方法，还有其他的方法

追问

那还是margin方便了

追答

怎么写方便就怎么写，能满足需求就可以