关于postion

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>background属性</title>
    <style type="text/css">
        /*此处写代码*/
        div{
            width:500px;
            height:300px;
            border:10px solid rgba(255,0,0,0.4);
            /*padding:20px;*/
            background: rgba(100,100,100,0.5) url('http://img1.sycdn.imooc.com/climg//582c39c00001091605000150.jpg') no-repeat  50% 80%;
            background-origin:content-box;
            background-clip:padding-box;
            background-size:90%;
            text-align:center;
        }
        
    </style>
</head>
<body>
    
         <div><h4>慕课网（imooc）国内做大的IT技能学习平台</h4></div>
    
</body>
</html>

请问老师我这里明明设置了背景图偏移水平百分之50，为什么没有偏移百分之50？？？

hy_wang 2018-05-08

源自：CSS3背景与渐变 2-15 编程练习

收起

1回答

好帮手慕星星回答被采纳获得+3积分 2018-05-08 14:20:08

水平方向偏移了50%之后，才会在中间显示啊，如下：

没有问题。

收起回答

hy_wang 提问者 #1

水平方向偏移百分之50为什么才这么点啊，不应该是背景图左上角对于父元素内边距的左上角的百分之50吗

2018-05-08 17:02:41
hy_wang 提问者 #2

请问老师这个百分比偏移量百分比针对的难道不是父元素的宽度吗

2018-05-08 17:04:01
hy_wang 提问者 #3

请问老师偏移百分之50难道不应该是右边百分之50才是图片的左上角吗

2018-05-08 17:19:46