UC知道HTML图片定位问题
来源：百度知道 编辑：UC知道 时间：2024/06/02 07:16:10
【要求】网页滚动的时候也要时刻保持位置
那位发代码的同志再发条信息好吗？
背景图像定位中要明确的几点：
1、两个值前面一个是横向的定位，称为x轴方向定位。后面一个值是纵向的定位，称为y轴方向定位。如果只有一个值，那默认的就是x轴方向，这时y轴方向就默认的是上下居中对齐，也就是center。
2、坐标轴的原点就是对应容器的左顶点。
3、这个坐标的y轴箭头朝下，也就是右下方（容器内部）x y的值才都为正。
4、x y值分别表示背景图片的左顶点相对于坐标原点（也就是容器的左顶点）的值。
5、x y的值可以用百分比或者px来表示。
6、x y也可以用“left、right、top、bottom、center”这五个对齐方式来表示，但注意：用“left、right、top、bottom、center”来表示的时候，应用的是对齐规则，而不是坐标规则。x为left是表示图片的左边和容器的左边对齐，为right的时候表示图片的右边和容器的右边对其，y为top的时候表示图片的顶部和容器的顶部对齐，为bottom时表示图片的底部和容器的底部对齐，x y等于center的时候表示居中对齐。
7、x y用百分比或者px表示的时候，其值可以为负数。应用坐标规则就很容易理解负数表示的意义，x为负数时候表示图片左顶点在容器左顶点的左侧，y为负数时表示图片的左顶点在容器的左定点的上方。也就是向左和向上超出容器的范围。
<div style="position:fixed; width:10px; height:10px; visibility:visible; right: 0px; top: 0px; border: 0px; background-image: url(你的图片); "> </div>
建议不用绝对定位：绝对定位不是没有办法一般不用，有可能出现显示有误差的情况
最简单的方法
<div style="float:right; background-image: url(你的图片); "> </div>
上段代码放在<body>开始部分就显示在浏览器右上.
图片使用绝对定位，就可以漂浮在右上角。初始值是top=0,l