Heim > Web-Frontend > HTML-Tutorial > 请教_html/css_WEB-ITnose

请教_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 09:40:44
Original
816 Leute haben es durchsucht

html 图片

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

回复讨论(解决方案)

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

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage