css样式实现整个页面背景使用一张图片
2010-08-15 11:56
513 查看
这样实现的好处很多,网页加载一个背景图片大大加快了网站浏览速度,也非常便于网站整体风格修改。
难度在于***的背景图片如何截取指定的位置作为某个地方的背景,仔细研究发现还是不难的,首先windows自带的画图软件就可以实现查找坐标,因为css背景是通过坐标来截取位置,还有Photoshop也可以实现,如下图:
css样式代码如下
background-position: 0px -50px的意思是水平位置为0px,垂直位置为50px。
难度在于***的背景图片如何截取指定的位置作为某个地方的背景,仔细研究发现还是不难的,首先windows自带的画图软件就可以实现查找坐标,因为css背景是通过坐标来截取位置,还有Photoshop也可以实现,如下图:
css样式代码如下
<style type="text/css"> body { background-image: url('/i/eg_bg_03.gif'); background-repeat: no-repeat; background-position: 0px -50px; } </style>
background-position: 0px -50px的意思是水平位置为0px,垂直位置为50px。
相关文章推荐
- css样式实现整个页面背景使用一张图片
- 关于实现页面以一张图片为背景,且背景不变形的效果
- servlet和struts2一起使用,实现绝对路径下的图片输出到jsp页面
- 使用less函数实现不同背景的CSS样式
- 如何让一张图片在手机端页面占满整个屏幕不带滚动条(示例)
- React-Native 如何将图片作为页面的背景以及控件的嵌套实现启动应用
- 如何通过CSS实现背景图片自动平铺或拉伸至整个屏幕(自适应大小)
- js判断背景图片是否加载成功使用img的width实现
- css实现对背景图片的定位,获得一张图片上不同位置的内容
- IE9以下通过css让html页面背景图片铺满整个屏幕
- 使用js操作css实现js改变背景图片
- android背景图片点击效果的实现(android平台下使用点九PNG技术)
- java web开发中,jsp使用了frameset框架,如何实现整个页面跳转,并且同一个表单中可以提交两个action
- js实现点击图片改变页面背景图的方法
- 【转】使用jquery实现图片预加载提高页面加载速度和用户体验
- 如何让一张图片在手机端页面占满整个屏幕不带滚动条(示例)
- css样式实现背景图片自适应
- 控件实现点击预览图片更改页面背景图片的效果
- 如何让一张图片填满整个页面
- <web前端>当背景图片为渐变色图片时,为避免浏览器大小问题,可以选择使用<CSS>实现渐变色,教程如下