关于position

首页课程实战体系课手记专栏慕课教程

关于position

来源：4-4 首页.基本样式-模块-banner

hy_wang

2018-04-03 18:05:29

请问老师background-position是相对于父元素定位还是相对于必须设置了定位的元素？

写回答

1回答

好帮手慕糖

2018-04-03

已采纳

你好，background-position相对的是设置了这个属性的元素，可参考如下代码来理解：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
    div{
        width: 300px;
        height: 300px;
        border:1px solid red;
        background: url("http://climg.mukewang.com/58c61a4f0001967a01380030.jpg") no-repeat;
        background-position: 50px 50px;
    }
</style>
</head>
<body>
<div></div>
</body>
</html>

祝学习愉快~

0 学习 · 36712 问题

查看课程

相似问题

background-position

回答 2

给ui-search添加position: relative属性

回答 1

background-position-y:-22px 是什么意思

回答 1

关于证书的问题

回答 1

关于浏览器兼容的font-size问题

回答 3

打开慕课网App查看更多内容