Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > 那种把所有图片都拼到一张图片上的做法_html/css_WEB-ITnose

那种把所有图片都拼到一张图片上的做法_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 11:38:31
Original
1332 Leute haben es durchsucht

为了加快加载速度把需要的图片都放在一张图片上，然后通过css控制显示指定的区域。
问下，是怎么要确定要使用的区域的？计算像素偏移量吗？


回复讨论(解决方案)

background-position

CSS sprite
http://css.v2bo.com/

有两种方式，一种是类似于fis的，是自动算的，
另外一种是人为手工在ps里边量，然后一个一个来算。

Verwandte Etiketten：
那种把所有图片都拼到一张图片上的做法
Quelle：php.cn
Vorheriger Artikel：移动端CSS Reset_html/css_WEB-ITnose Nächster Artikel：如何让div水平垂直居中_html/css_WEB-ITnose
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Wie entferne ich mithilfe von CSS den Leerraum unter jeder Zeile auf dem Tic-Tac-Toe-Board in Next.js? Warum steht unter jeder Zeile ein Leerzeichen? (CSS) Ich versuche, eine Next.js-Tic-Tac-To...
Aus 2024-04-05 11:39:02
0
1
1431
Arrays in PHP: Überraschende Ergebnisse beim Hinzufügen neuer Einträge Deshalb schreibe ich Code, der es mir ermöglicht, von der Instaloaderpython-Bibliothek ges...
Aus 2024-03-31 14:10:42
0
1
405
52 Bilder in Array JS Ich studiere 1 Jahr lang IT-Assistent und derzeit müssen wir ein Kartenspiel mit JavaScrip...
Aus 2024-03-30 21:14:49
0
1
272
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage