css怎么定位图片的位置?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
css定位img图片的位置
在css中,可以使用position属性配合top、bottom、left、right属性来定位img图片的位置
position属性指定一个元素(静态的,相对的,绝对或固定)的定位方法的类型。
示例:
.pos_abs {
position: fixed;
left: 100px;
top: 120px
}
p{
height: 100px;
background-color: palegoldenrod;
}
p.p2{
margin-top:120px ;
}
相对于浏览器窗口来对元素进行定位
相对于浏览器窗口来对元素进行定位
css定位背景图片的位置
在css中,可以使用background-position属性来定位背景图片的位置
background-position属性设置背景图像的起始位置。
注意对于这个工作在Firefox和Opera,background-attachment必须设置为 "fixed(固定)".
示例:
body
{
background-image: url('smiley.gif');
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50px 100px;
}
想要了解更多相关知识,可访问 前端学习网站!!