首頁猿問想做這種效果圖，求解

想做這種效果圖，求解

Html/CSS 前端工具

weibo_青梅竹馬醬_0 2016-05-11 14:07:01

畫5個(gè)div，每個(gè)div里面顯示這張圖片的一個(gè)區(qū)域，但是這樣等于生成5個(gè)image對象，效率顯得太低了，有沒有其他辦法，求代碼~~~

查看完整描述

6 回答

肥柴

TA貢獻(xiàn)7條經(jīng)驗(yàn) 獲得超10個(gè)贊

不要5個(gè)image啊，除非你拿到手的是5個(gè)image的圖。

你一個(gè)大div套5個(gè)小div，大的背景圖設(shè)為這圖，小的div設(shè)置大小邊框什么的

6 反對回復(fù) 2016-05-11

竹馬君

TA貢獻(xiàn)64條經(jīng)驗(yàn) 獲得超115個(gè)贊

只用div css的話，雪碧圖啊，設(shè)置五個(gè)框，設(shè)置大小，算好距離，position 設(shè)置好

4 反對回復(fù) 2016-05-11

怪盜飯團(tuán)

TA貢獻(xiàn)97條經(jīng)驗(yàn) 獲得超118個(gè)贊

用canvas可以做到，canvas有個(gè)裁剪方法

4 反對回復(fù) 2016-05-11

老猿

TA貢獻(xiàn)86條經(jīng)驗(yàn) 獲得超82個(gè)贊

絕對定位 ?算left和top

1 反對回復(fù) 2016-05-11

關(guān)注