首頁 >web前端 >css教學 >google chrome瀏覽器頁籤的css實現

google chrome瀏覽器頁籤的css實現

高洛峰
高洛峰原創
2016-11-24 09:54:102612瀏覽

Google Chrome瀏覽器的頁籤比較特別的是啟動頁籤能「吃」掉旁邊非啟用頁籤的一部分。這對css提出了一些挑戰。如下圖:

google chrome瀏覽器頁籤的css實現

當然,要求是只能使用兩張圖,寬度自適應,用到的圖:

正常頁籤背景:google chrome瀏覽器頁籤的css實現

啟動頁籤背景:google chrome瀏覽器頁籤的css實現

啟動頁籤背景:

🎜 🎜🎜🎜
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn