# # #起因 > A problem today is that after you set the Width property to 100% for an element, the mouse is still only partially shaded after it is placed, as shown in:
---After some thought, this TM is, hover up, the background does not cover all, hurriedly find the relevant code, found the following code: ". Midleft ul li:hover{Background-image:url (". /img/textbg.png "); Background-repeat:no-repeat;} "Who TM so stupid, using the no-repeat, that's what this sentence caused my 100% width does not work." The repeat-x can be expanded in the transverse direction. The detailed usage of this parameter is recorded below for later use: | Value | describe| | -----------|-------------|| Repeat | Default. The background image repeats in both vertical and horizontal directions. Repeat-x| The background image will be repeated horizontally. | Repeat-y| The background image will be repeated in the vertical direction. No-repeat| The background image will be displayed only once. Inherit| Specifies that the settings for the Background-repeat property should be inherited from the parent element.
So, we solve our own problems, the direct use of repeat-x is OK ~
From for notes (Wiz)
CSS Background-repeat Properties