background-position-yª©¥»¡GIE4+±M¦³ÄÝ©Ê¡@Ä~©Ó©Ê¡GµL
»yªk¡G
background-position-y : length | top | center | bottom
¨ú­È¡G
length :’¦ʤÀ¼Æ | ¥Ñ¯BÂI¼Æ¦r©M³æ¦ì¼ÐÃѲŲզ¨ªºªø«×­È¡C½Ð°Ñ¾\ ªø«×³æ¦ì
top :’©~³»
center :’©~¤¤
bottom :’©~©³
»¡©ú¡G
³]¸m©ÎÀ˯Á¹ï¶Hªº­I´º¹Ï¹³Áa§¤¼Ð¦ì¸m¡C¥²¶·¥ý«ü©w background-image ÄÝ©Ê¡C
¸ÓÄÝ©Ê©w¦ì¤£¨ü¹ï¶Hªº¸É¤BÄÝ©Ê( padding )³]¸m¼vÅT¡C
Àq»{­È¬°¡G 0% ¡C
¦¹Äݩʹï©ó currentStyle ¹ï¹³¦Ó¨¥¬O¥uŪªº¡C¹ï©ó¨ä¥L¹ï¹³¦Ó¨¥¬O¥iŪ¼gªº¡C
¹ïÀ³ªº¸}¥»¯S©Ê¬° backgroundPositionY ¡C
¥Ü¨Ò¡G
div { background-image: url("images/aardvark.gif"); background-position-y: 35%; background-repeat:no-repeat; }