当前位置:首页 » 背景图片 » css背景图片位置
扩展阅读
ps大型格式转换成图片 2024-12-27 00:59:57
花瓣图片用ps打开 2024-12-27 00:39:14
打电话动态图片怎么取消 2024-12-27 00:34:03

css背景图片位置

发布时间: 2022-01-21 21:38:41

A. css 背景图片的定位

  1. 关键字, 例如: background-position: top right;
    优点: 直观, 可用性高, 各浏览器中表现一致.
    缺点: 缺少间隔尺寸. 三个垂直的 (top, center, bottom) 和三个水平的 (left, center, right) 只能为你组合出最多 9 个位置. 不存在其他混式的组合. 并且很难像其他两种数值定位方法一样使用算数进行控制

  2. 像素, 例如: 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和网页边界,在“信息”那里就能准确看见距离是多少像素!