打開天涯首頁,右側
http://www.tianya.cn/
#右邊的「比二維碼登入更方便" 也是背景圖片嗎? 它旁邊的那個咚咚是圖片,可以用firebug看到,下載地址http://static.tianyaui.com/gl...用css顯示了部分結果。
左側的「比二維碼登入更方便" 也是背景圖片嗎?如果是,請提取出url?
欢迎选择我的课程,让我们一起见证您的进步~~
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
css雪碧圖
理解的原理,要單張提取的話就只能切圖了
url你已經給了= =
http://static.tianyaui.com/gl...
這個就是背景圖片的url
只不過此處通過設置background-size和background-position所以只顯示了對話框部分
很多網站都會把背景圖片放在一張圖片上,這樣可以減少請求
分割線---
剛剛又去看了下你問的這個網站,看到了css的樣式值
文字已經寫在content裡面噢~
你是說「二維碼登陸更便利」這幾個字?
你一說「比二維碼登陸更方便」估計大家都懵了。 。 。
描述請準確些
這幾個字就是.qrcode-login-tab這個class的:after