CSS Background-repeat Properties

Source: Internet
Author: User

# # #起因 > 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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.