让背景图片居中的css--超简单,只要句代码
2008-10-21 21:53
399 查看
以前用过不少背景图片的css代码,但用得最多的是left top no-repeat repeat-x repeat-y设置平铺坐标(经常复制的代码是background-position:left top;background-repeat:no-repeat;)。搜索过居中的代码,但都说不能让背景图片居中。以前无奈只能用js来加个z-index比正常idv小的div让图片居中来实现。今天才发现background-position居然可以设置left top的数值、百分比,后来一想用两个center不就可以居中了么?一试果然居中了!让背景图片居中的css--超简单,只要句代码 background-position:center center;看来经常复制别人的代码是会严重限制了自己的思路和创新的。如果一开始查看文档说明具体用法和属性自己手写则很容易发现background-position里面包含了left top bottom right center inherit属性,那么也就不难发现居中的代码了。
相关文章推荐
- css背景图片全屏显示加居中显示
- css背景图片居中的方法
- DIV+CSS中让布局居中_背景图片居中_文字内容居中
- 用CSS让网页背景图片居中的方法
- CSS 背景图片 设置居中
- 【css规范】正文页图片居中css样式代码
- css背景图片、隐藏、指针、垂直居中、去除下划线、缩进、列表类型
- 解决PNG图片在IE6中背景不透明的CSS与JS的代码
- CSS实现自适应的图片背景边框代码
- 修改背景图片居中并自适应宽度的css
- CSS学习笔记-----简单的列表和背景图片
- DIV+CSS中让布局居中_背景图片居中_文字内容居中
- CSS实现简单的图片防盗链代码
- 用简单的css代码为相册图片加上漂亮阴影~~~转载自HackerPrince的空间
- 最简单设置Mdi容器背景图片方法-不用写一行代码(c#)
- php实现的css文件背景图片下载器代码
- css实现永远居中的背景图片
- CSS样式中,background-image 背景图片居中显示并且在不同屏幕分辨率下始终居中
- 校内网css代码添加背景图片代码