css如何控制图片位置

css如何控制图片位置 先让你有背景图那个大的容器有相对定位属性，然后再让那张图片有绝对定位属性！假设你所说的背景图是在id为bj的div上，那么html代码就是：div>；Css代码：bj{width：100px；height：100px；换成你的实际宽高*/background：url(你的背景图路径)；}现在，Html中再加入一个More的图片后代码如下：img src=\"more.gif\"/>；现在Css代码改成下面的：bj{width：100px；height：100px；换成你的实际宽高*/background：url(你的背景图路径)；position：relative；让大div相对定位*/}abc{position：absolute；left：20px；top：5px；让more图片这个链接绝对定位，left和top的数值你自己调一下就能对齐到背景图的合适位置了*/}为什么CSS样式不能实现控制图片的精确位置？ 应该选Dcss是无法或者说很难兼容所有浏览器的甚至说，没有谁能让css兼容所有浏览器，只能说是兼容主流浏览器产生这个问题的原因大致是，浏览器发布商太多、浏览器种类太多，而似乎，浏览器对css的解析、解读又不尽相同，或者说，浏览器似乎没有一个统一的标准，就好比再好的厨师，都无法满足天下所有人的口味，所谓众口难调，就是这么个意思css 控制img 图片路径 .a{background-image：url(图片路2113径5261)}图片路径4102可以是绝对路径、根相对1653路径和文档相对路径绝对路径是包括服务器协议的完全路径，比如“主页”，完全路径为：http：//www.baidu.com/index.htm，如果所要链接当前站点之外的文档，就必须使用绝对路径。相对路径包括根相对路径（Site Root）和文档相对路径（Document）两种。根相对路径（也称相对跟目录）的路径以“/”开头，路径是从当前站点的根目录开始计算。比如我们前面建的D盘myweb目录就是名为“myweb”的站点，这时“/index.htm”路径，就表示文件位置为D：\\myweb\\index.htm。根相对路径适用于链接内容频繁更换环境中的文件，这样即使站点中的文件被移动了，其链接仍可以生效。文档相对路径就是指包含当前文档的文件夹，也就是以当前网页所在文件夹为基础开始计算路径。比如，当前网页所在位置为 D：\\myweb\\mypic，那么：“a.htm”就表示 D：\\myweb\\mypic\\a.htm；“./a.htm”相当于 D：\\myweb\\a.htm，其中“./”表示当前文件夹上一级文件夹。“img/a.gif”是指 D：\\myweb\\mypic\\img\\a.gif，其中“img/”意思是当前文件夹下名为 img 文件夹。文档相对路径是最简单的路径，一般多用于链接保存在同一。如何用DIV+CSS控制图片大小范围？ 使用CSS max-width和max-height实现图片自动等比例缩小很简单我们要使用到max-width和max-height，这样即可设置对象图片最大宽度和最大高度，这样图片就会等比例缩放图片，然图片相对不变形清晰。使用max-width：300px或max-height：100px，即可解决图片比例缩小。但这样存在一个问题，如果按照宽度缩放，但图片过高会超出溢出盒子，这个时候需要对父级使用overflow：hidden隐藏超出图片内容。但是使用max-width或max-height，IE6不支持，我们需要设置个width：expression(this.width>；300？300px\"：this.width)；或者height：e-xpression(this.height>；100？100px\"：this.height)；解决IE6支持max-heightdiv css解决IE6支持max-width一般情况下只需要设置好宽度限制，比如这里e799bee5baa6e79fa5e98193e78988e69d8331333365653832只设置最大宽度为300px(max-width：300px)，然后对父级使用overflow：hidden隐藏溢出图片，同时为了兼容IE6我们设置个width：expression(this.width>；300？300px\"：this.width)；解决即可。1、具体解决DIV+CSS实例代码如下：DOCTYPEhtml>；图片缩小不变形实例 www.divcss5.com<；/title>；divcss5{ border：1px solid#000；width：300px；height：。css怎么调整背景图片的位置？ 新建一个html文件，命名为test.html，用于讲解css怎么调整背景图片的位置。2 在test.html文件内，使用div标签创建一个模块，用于测试。3 在test.html文件内，给div标签添加。

#css#css样式#背景图#相对路径#img