search

Home  >  Q&A  >  body text

javascript - Is this also a background image?

Open the Tianya homepage, on the right side

http://www.tianya.cn/

Is the "more convenient than QR code login" on the right also a background image?
The dong dong next to it is a picture, which can be seen with firebug.
Download address
http://static.tianyaui.com/gl...
Partial results are displayed using css.

Is the "more convenient than QR code login" on the left also a background image? If yes, please extract the url?

天蓬老师天蓬老师2847 days ago997

reply all(3)I'll reply

  • 漂亮男人

    漂亮男人2017-05-18 10:56:34

    css sprite image

    Understanding the principle, if you want to extract a single image, you can only cut the image

    reply
    0
  • 習慣沉默

    習慣沉默2017-05-18 10:56:34

    You have already given the url = =
    http://static.tianyaui.com/gl...
    This is the url of the background image
    But here, by setting background-size and background-position, only the dialogue is displayed Frame part
    Many websites will put the background image on one image, which can reduce requests

    Separating line---
    I just checked the website you asked about again and saw the css style value

    .loginWin-tab .qrcode-login-tab:after {
        content: "二维码登录更便捷";
        position: absolute;
        top: 0;
        right: 45px;
        width: 127px;
        height: 24px;
        text-align: center;
        font-size: 12px;
        line-height: 24px;
        color: #333;
        background: url(resources/images/loginWin_icons_v2.png?_v=20170411) 0 -67px no-repeat;
    }
    

    The text has been written in the content~

    reply
    0
  • 巴扎黑

    巴扎黑2017-05-18 10:56:34

    Did you mean the words “QR code login is more convenient”?
    Everyone was probably confused when you said "more convenient than QR code login". . .
    Please be more accurate in your description
    These words are: after

    of the class .qrcode-login-tab

    reply
    0
  • Cancelreply