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

我在html里是这样写的:最下面的div就是我要在css里写backgrpund-position的东西:引用的图片是120*240px的png:做出来效果如下:中间的那... 我在html里是这样写的:

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

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

做出来效果如下:

中间的那个红框里的图就是我想要的效果,但无论我怎么改变background-position值都是这个效果,显不出来,我还试过background-position:0px -120px;但没用,怎么改都是这样,应该是这句没起作用吧,我以前都是这样写的啊,怎么会这样呢?帮我看看好吗?
展开
 我来答
lyz810
推荐于2016-05-22 · 知道合伙人互联网行家
lyz810
知道合伙人互联网行家
采纳数:7531 获赞数:31775
前端开发工程师

向TA提问 私信TA
展开全部
请补全你的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;
}

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

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式