tnjk.net
当前位置:首页 >> CSS定位图片位置问题?? 图片到底如何定位,我的... >>

CSS定位图片位置问题?? 图片到底如何定位,我的...

如果这样的话不需定位…直接改成页头背景,和你那个背景图融为一体,这样做的话你就需要重新布局下页面了,但如果你缩小浏览器窗口的时候会看不到…

#apDiv1 { position:absolute; left:412px; /*左右位置*/ top:172px;/*上下位置*/ width:100px; height:100px; z-index:1; }

如果你使用绝对定位的话, position: fixed; top: 100px; left: 10px; width: 100px; height: 220px; 这样你就可以使一个div或者图片固定在距离浏览左侧10px的地方,不随网页大小等改变位置。

背景图片定位:background-image:url(图片路径); background-position:left top right bottom center center 50% 50% 100px 100px

根据你的图片做了下面的样式,主要做法是定位,切割图片,可以使用windows的画图工具先定位每个你需要的图片的位置(在下面的状态栏有坐标,得到的坐标前面加上一个负号),图片左上角为x/y对应的0/0,background-image:相对地址指定背景图像,...

DIV CSS中的绝对定位和相对定位的区别,我从网上看了好多,都没个详细的说法,其实也不用搞到那么复杂的。 先说相对定位:跟它的名一样,相 对嘛,要有一个参照物,但这个参照不是别的,是它自己呢,也就是说没设相对定位的位置,那你会问了,设...

background:url(xxxx.jpg) -100px -150px no-repeat; 其中-100px是指图片沿Y轴向上移动100个像素; -150px是指图片沿X轴向左移动150个像素。 你可以自己测试一下,当然,你如果想固定一整张背景图里的 15x15的 图片的话,这个设置背景图的容器也...

你查查background-position并练习一下就知道了,背景图的两个偏移值可以用background-position: x y;表示。x是水平位置偏移,y是垂直位置偏移。 你可以用坐标来理解,图片左上角的坐标就是0 0。如-683px -162px就是:水平偏移683px,垂直偏移162...

设置background-repea属性 repeat 默认。背景图像将在垂直方向和水平方向重复。 repeat-x 背景图像将在水平方向重复。 repeat-y 背景图像将在垂直方向重复。 no-repeat 背景图像将仅显示一次。 inherit 规定应该从父元素继承 background-repeat ...

这要使用到css中的position:absolute;绝对定位。示例代码如下: img{position:absolute;left:0;bottom:0;}这里的意思就是,图片采用绝对定位的方式,距离左边0px,距离下边0px。这样就到了左下角了。

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com