点评:将背景图左移,对background定位属性使用比较熟悉的朋友应该很容易就可以做到,下面有个不错的示例,不会的朋友可以参考下
背影图片的左上角相对当前元素左上角的坐标。
GMcHTML5中文学习网 - HTML5先行者学习网GMcHTML5中文学习网 - HTML5先行者学习网右为X轴正半轴, 下为Y轴正半轴
GMcHTML5中文学习网 - HTML5先行者学习网GMcHTML5中文学习网 - HTML5先行者学习网当前元素左上角坐标为 0,0
GMcHTML5中文学习网 - HTML5先行者学习网GMcHTML5中文学习网 - HTML5先行者学习网默认图片的左上角正对当前元素的左上角
GMcHTML5中文学习网 - HTML5先行者学习网GMcHTML5中文学习网 - HTML5先行者学习网如果图片想向左移 10px;
GMcHTML5中文学习网 - HTML5先行者学习网 GMcHTML5中文学习网 - HTML5先行者学习网
background:url(images/hh.gif) no-repeat -10px 0;} GMcHTML5中文学习网 - HTML5先行者学习网
GMcHTML5中文学习网 - HTML5先行者学习网如果图片想向上移 10px;
GMcHTML5中文学习网 - HTML5先行者学习网 GMcHTML5中文学习网 - HTML5先行者学习网
background:url(images/hh.gif) no-repeat 0 -10px;} GMcHTML5中文学习网 - HTML5先行者学习网
GMcHTML5中文学习网 - HTML5先行者学习网同样
GMcHTML5中文学习网 - HTML5先行者学习网GMcHTML5中文学习网 - HTML5先行者学习网如果图片想向右移 10px;
GMcHTML5中文学习网 - HTML5先行者学习网 GMcHTML5中文学习网 - HTML5先行者学习网
background:url(images/hh.gif) no-repeat 10px 0;} GMcHTML5中文学习网 - HTML5先行者学习网
GMcHTML5中文学习网 - HTML5先行者学习网做了个图片, 黑色框是要加背景的容器。
GMcHTML5中文学习网 - HTML5先行者学习网 GMcHTML5中文学习网 - HTML5先行者学习网
css代码: background:url(images/hh.gif) no-repeat -10px -10px;} GMcHTML5中文学习网 - HTML5先行者学习网