JavaScriptの背景画像の操作はとても簡単です！ _html/css

JavaScriptの背景画像の操作はとても簡単です！ _html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 12:23:17

オリジナル

1058 人が閲覧しました

JavaScript テキスト編集背景画像背景カット

多くの小さな画像で構成された画像があります。
画像上の小さな画像を各ボタンの背景画像として使用したいのですが、どのように画像をキャプチャすればよいですか?
さまざまなブラウザに対応できるといいのですが。

ブログ用のテキスト編集ツールを探しています。誰かお勧めできますか? 、忙しいみんな手伝って、外に出て

ディスカッション (解決策) に返信
最初の質問は、CSS の Background 属性の Background-POSITION パラメーターを使用して、各画像を検索するだけでよいという利点があります。画像を一度保存すれば、どこでも使用できるため、Web ページの読み込み速度の向上に役立ちます。
テキスト編集ツールとして fckeditor を推奨します。以前にも、ueditor などを推奨している人がたくさんいます。質問はCSSを使用しています。背景属性のbackground-positionパラメータは、各画像を配置するために使用されます

画像を1つの画像に集中させる利点は、これらのボタンは画像を一度リクエストするだけで済み、どこでも使用できることです。 Web ページの読み込み速度を向上させるのに役立ちます。

テキスト編集ツール fckeditor を推奨します。

編集ツールがたくさんあります。

最初の質問は、css の背景属性のbackground-position パラメータを使用して各画像を配置することです

画像を 1 つの画像に集中させる利点は、これらのボタンが画像を 1 回リクエストするだけで済むことです。どこでも使用されており、Webページの改善に適しています

推奨されているテキスト編集ツールは、他の友人もueditorなどを勧めています。 Web ページに挿入したいですか?

これら 2 つを Baidu で検索して、必要なものかどうかを確認してください

次に、画像上の小さな画像を各ボタンの背景画像として使用したいと思います
画像をキャプチャするにはどうすればよいですか?さまざまなブラウザに対応できます。
re:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">a {background-repeat: no-repeat;text-indent: -999px;display: block !important;width: 18px;height: 15px;}a.cur {background: url(http://mu8.bdstatic.com/player/t/i/mwRYVJPC.png) no-repeat -120px -72px;}</style></head><body><a class="cur" href=""><span class="wg-button-inner"></span></a></body></html>

ログイン後にコピー

ブログ用のテキスト編集ツールを探しています。誰かお勧めできますか?
再:

http://www.webdesignerdepot.com/2008/12/20-excellent-free-rich-text-editors/