javascript - 這個也是背景圖片嗎?
天蓬老师
天蓬老师 2017-05-18 10:54:34
0
3
939

打開天涯首頁,右側

http://www.tianya.cn/

#右邊的「比二維碼登入更方便" 也是背景圖片嗎?
它旁邊的那個咚咚是圖片,可以用firebug看到,
下載地址
http://static.tianyaui.com/gl...
用css顯示了部分結果。

左側的「比二維碼登入更方便" 也是背景圖片嗎?如果是,請提取出url?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回覆(3)
漂亮男人

css雪碧圖

理解的原理,要單張提取的話就只能切圖了

習慣沉默

url你已經給了= =
http://static.tianyaui.com/gl...
這個就是背景圖片的url
只不過此處通過設置background-size和background-position所以只顯示了對話框部分
很多網站都會把背景圖片放在一張圖片上,這樣可以減少請求

分割線---
剛剛又去看了下你問的這個網站,看到了css的樣式值

.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;
}

文字已經寫在content裡面噢~

巴扎黑

你是說「二維碼登陸更便利」這幾個字?
你一說「比二維碼登陸更方便」估計大家都懵了。 。 。
描述請準確些
這幾個字就是.qrcode-login-tab這個class的:after

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板