A. css 背景图片的定位
关键字, 例如: background-position: top right;
优点: 直观, 可用性高, 各浏览器中表现一致.
缺点: 缺少间隔尺寸. 三个垂直的 (top, center, bottom) 和三个水平的 (left, center, right) 只能为你组合出最多 9 个位置. 不存在其他混式的组合. 并且很难像其他两种数值定位方法一样使用算数进行控制像素, 例如: background-position: 0px 0px;
优点: 概念容易被理解, 只要知道如何测量容器左上角和图片左上角之间的距离, 就能准确地推测出图片显示的位置. 像素还能够精确的用数学来控制定位.
缺点: 你必须知道确实的值.
原理, 如图. 其实就是图片左上角相对于容器左上角的坐标关系.
B. 关于CSS 背景图片的存放路径
如果是自己的图片,最好不要用物理路径,这样你网站放在别的地方就找不到图片了.最好使用相对路径,这样网站放在其它地方也是正常的.
当然,如果是网络的图片,就直接用图片的网络地址就可以了.当然建议你还是把图片下载下来,因为别人的图片不能保证一直可以使用的.
C. css中如何使用背景图片的某一个位置,
正面这3个控制前景左上角在图片中的位置
{ background-position : sPosition } 带1-2个参数,分别表示x ,y轴
{ background-position-x : sPosition } 仅对x轴,即水平方向
{ background-position-y : sPosition } 仅对y轴,即垂直方向
取值可为:
1、数值: 可以是浮点型的绝对单位标识 (cm, mm, in, pt, pc, or px) 或相对值 (em or ex)
2、百分比 相对当前对象的高或宽的整数百分比,如30%
3、对齐
垂直方向对齐:top、center、bottom
水平方向对齐:left、center、right
D. div+css如何改变背景图片位置
background-position:数值1 数值2;
数值1是控制左右宽度;
数值2是控制上下高度;
底部右下可以写:background-position:right bottom。
E. div+css如何改变背景图片位置
background:url(背景图路径) left bottom;/*left 和 bottom 改为 top、right、center看看有什么变化*/
background:url(背景图路径) 0 10px;/*改改里面数值试试*/
background:url(背景图路径) 50% 0;/*改改里面数值试试*/
F. css背景图片的能位置下移
你是说用background-position:xpx ypx 来控制图片显示的位置吗?
第一个x值是水平位置,第二个y值是垂直位置.
左上角是 0 0.
可以为负数
G. css如何控制图片位置
1、首先我们需要插入一张图片,并且图片只出现一次,并设计图片出现的位置在左上角,可以按照如下代码来完成:
<html>
<head>
<title>图片位置设置</title>
<style type="text/css">
body{
background-image:url("2.jpg");
background-attachment:scorll;
background-repeat:no-repeat;
background-position:top left;
}
</style>
</head>
<body>
</body>
</html>
可以看到背景图片出现的位置在浏览器的左上角,这个和默认的设置是一样的。
H. 怎样设置CSS背景图片路径
在CSS文件里,有时要用到background-image,即加一个背景图片,一般在显示标题时会经常用到。
现在来看两个文件目录:
/css/admin/main.js //js文件的目录
/css/admin/image/show.gif //图片的目录
举例:
1、现在在main.js文件里要用show.gif来做背景图片,那么要这样来写:background-image:url(image/td-top-4.gif);
这样写路径是因为main.js和image文件夹都是在css目录下的。
2、如果现在需要在一个jsp页面里定义这个图片路径,jsp页面ShowImage.jsp在test文件夹里,而test和css又在同一个目录下面,这时的图片路径就要有所改变了:
background-image:url(../css/admin/image/td-top-4.gif);这样即可正确的显示图片了。
这里的../是指回到上一层目录,如果是上两层目录呢?那就是../../。
当然,如果加上绝对路径不管怎么样都不会出错了,不过不推荐使用绝对路径,不利于程序的移植。
I. css如何获取背景图片坐标
举例:background: url(../images/qq_1.png) no-repeat -50px 20px;
其中的-50px 表示的是图片的 X 坐标
其中的20px 表示的是图片的 Y 坐标
这些可以是绝对也可以是相对的。
J. CSS中背景图片定位怎么只知道图片的具体坐标
在PS里用矩形选框工具来选中ICON和网页边界,在“信息”那里就能准确看见距离是多少像素!