css day2

1.　　背景

　　1.1背景的不重复　　background-repeat:no-repeat;

　　　　背景的横向重复  background-repeat:repeat-x;

　　　　背景的纵向重复  background-repeat:repeat-y;

　　1.2背景固定不随滑轮滑动而消失

　　　　background-attachment:fixed;

　　1.3背景放置位置定位

　　　　百分比定位　　   position：50% 50%

　　　　定位　　　　　　position：center/top/bottom...(top默认为center top,right默认为center right等)

　　　　像素定位　　　　position：200px 200px

　　　　但是对于火狐来说前两种都不能正常显示，只有加position-attachment:fixed的时候才能正常显示，但是加了fixed就固定了背景，所以推荐使用像素定位

　　当整张背景图片上还出现了一张背景图片的时候，第二张图片一定要加no-repeat;

　　eg:　　background: green url(/i/eg_bg_03.gif) no-repeat fixed center; (在绿色的背景上存在了一张gif）

css day2

原文：http://www.cnblogs.com/swii/p/5329551.html