Rumah > hujung hadapan web > html tutorial > 请教_html/css_WEB-ITnose

请教_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-21 09:40:44
asal
831 orang telah melayarinya

html 图片

请教一下,在极客公园上看到它的回到顶部的功能做的挺好的,想模仿一下,可是它的图片如下,并不是分开的,请问这是怎么弄的,很想知道。好像很多网站都是把许多小图片弄成一张大图片,但是又可以分开使用。请教原因和实现。

回复讨论(解决方案)

去网上  看看资料  叫做 css精灵    就是对一张有多个图片的背景图片 定位技术 

图片作为背景来引用的。background 的属性里面 有定位的。
background:url(###.jpg) no-repeat left top; 类似于这里的 left top 就是定位的。意思是以这张图片的 左上来定位, 同理 你可以换成数字 。只要控制好位置 就可以 把整个网站的所有背景图片都合并一整张大图。很多大网站 特别是 有换肤功能的就是利用这种办法。

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Isu terkini
请教$hasil = TeacherModel::update($data,$condition);
daripada 1970-01-01 08:00:00
0
0
0
Mengapa senarai itu tidak boleh diberikan?
daripada 1970-01-01 08:00:00
0
0
0
Pemadaman yang salah?
daripada 1970-01-01 08:00:00
0
0
0
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan