我们在制作网页的时候,一般一个DIV放一张图片进去。但是如果放多张呢?答案是可以的,但是就目前浏览器来说只有FF和C支持,IE不支持。
div{
background: url("right.png") top left no-repeat, url(error.png) bottom left no-repeat;//注意这个必须写在一起,有多少张图片,就写多少。每个url后面的top bottom left right 位置是对该背景图片的一个定位。但是只是大概的定位,不能进行精确定位。
width: 1000px;
height: 1000px;
border: 1px solid #000000;
background-size:100px 200px;//这个是对所有的背景图片尺寸进行控制的,注意是所有的背景图片
background-position:8px 95px; //对图片所在DIV的位置进行控制,也是所有的背景图片
}
但是如果放入多张怎么才能对这些放入的图片单个精确定位呢?看下面的CSS代码。
div{
border: 1px solid #000000;
background:url("right.png") 0px 0px no-repeat,url("error.png") 0px 300px no-repeat;//前面 所说的url后面的定位是模糊的,不精确的。可以直接在url后面跟上像素,这个可以指定每个背景图片所在div的准确位置。第一个位置是离上边距的距离;第二个距离是离左边距的距离。
height: 800px;
width: 1000px;
}
相关推荐
20210402-银河证券-煤炭行业:碳中和背景下机遇与挑战并存,供给收缩促龙头经营壁垒提升.pdf
在echarts点击事件基础上添加单击和双击事件,使单双击事件并存。该资源为用html和jquery实现的简单的单双击事件并存的demo。
主要是怎样把桌面的一个窗口截取并且保存到一个BMP文件当中,这是一个完整的程序,已经通过运行
20210418-华安证券-新能源行业光伏展三大看点:技术多线并存、储能产业化、场景创新化.pdf
海尔的三工并存、动态转换制度.pdf
人工智能时代ESP背景下英语的写作教学研究——机遇和挑战并存.pdf
煤炭行业碳中和背景下机遇与挑战并存,供给收缩促龙头经营壁垒提升.rar
英特尔新处理器多接口并存.pdf
生成条码支持如下格式 UPC-A UPC-E UPC 2 Digit Ext. UPC 5 Digit Ext. EAN-13 JAN-13 EAN-8 ITF-14 Interleaved 2 of 5 Standard 2 of 5 Codabar PostNet Bookland/ISBN Code 11 Code 39 ...Telepen
C# post模拟提交多个图片接收图片并存到存到服务器上。
在EXCEL中,编制了一个加载宏,可以实现在任意当前打开的文件中,选中某单元格后,点击菜单中的生成二维码功能后,即可以将选中的单元格内容生成二维码,可以选择保存为...相关技术:加载宏、菜单、二维码,保存为图片
matlab将多个excel读取并存到一个excel的不同sheet中
煤炭行业:背景下机遇与挑战并存,供给收缩促龙头经营壁垒提升(2021)(20页).pdf
哪种软件可以将图片中的文字提取出来并存为word格式?.pdf
71按劳分配为主体多种方式并存(共37张PPT).ppt
编辑图形并存为bmp,可以下载使用;编辑图形并存为bmp,可以下载使用
按劳分配为主体-多种分配方式并存导学案.doc
GitHub地址: https://github.com/JohnnyHooo/HJViewStyle 特点: xib零代码和代码快速设置View各种样式 阴影和圆角并存 渐变色背景 根据主题色快速设置渐变背景色 pod 'HJViewStyle'
按劳分配为主体-多种分配方式并存教案.doc
包含一个主页面和九个小的子页面,主体内容是介绍中国的传统戏曲,主要的交互效果有鼠标的点击效果,悬浮效果,图片的轮播,文字颜色改变,背景图片的改变,视频播放,文字模块的轮播效果,可以作为期末大作业或者是...