pngで画像がたくさんあるのですが、どれを指定するか_html/css_WEB-ITnose

小さな写真はすべて 1 つの PNG 画像に収められています
たとえば、Word で使用したい画像はどうすればよいですか? Excelのグラフはどうでしょうか？

ディスカッションへの返信 (解決策)

background:url() 0px 0px; 画像の配置には次の 2 つの値が使用されます。たとえば、現在は 0 0 が左上隅の画像のデフォルトとなり、100% は右下隅の画像になります。順序は、最初の数字が左右、最後の数字が上下です。

cssでbackground-positionを設定します
たとえば、アイコンをx方向に300px、y方向に20pxオフセットしたい場合はそれだけです

background-position: -300px -20px;

CSSマジックテクノロジーはあなたの要件を満たすことができます 詳細については。参照: http://www. scriptlover.com/static/374-css-sprite

Clip:rect(top, right,bottom, left)
または、background-Position:xy 位置 +width,height

;

background:url() 0px 0px ; 次の 2 つの値は、画像を見つけるために使用されます。たとえば、現在は 0 0 が左上隅の画像のデフォルトとなり、100% は右下隅の画像になります。順序は、最初の数字が左右、最後の数字が上下です。

次に、Photoshop で写真を開いて、各写真の場所を確認する必要があります。 psを使ってpngを作成しますか？

CSS マジック技術はあなたの要求を満たすことができます。詳細については、http://www.scriptlover.com/static/374-css-sprite を参照してください。

具体的な例を含む教材はすべて英語であり、長文です。とても手間がかかりそうです

background-position: -300px -20px;

その写真への参照はどこに書かれていますか？

CSSでbackground-positionを設定します

たとえば、アイコンをx方向に300px、y方向に20pxオフセットしたい場合は、それだけです

CSS code?1background-position: -300px -20px; cssを直接生成できるツールを見つけてください

Css Sprite Tools

http://www.onlinedown.net/soft/100396.htm

笑 シェアしてください

8階のluju5さんの返信を引用:background-position: - 300px -20px;

その写真を引用します それはどこに書かれていますか？

背景: url(${contextPath}/skins/default/Waring/round_bg.gif) 繰り返しなし;

URL