2

CSS スプライトを使用して jQuery のダイアログ コードを改善し、ダイアログ ボーダーのアニメーションも追加したいと考えています。

これを行うには、すべてのアートワークを 1 つの png ファイル、css スプライトに入れたいと思います。

私の問題は、2 台または 3 台のモニターに最大化するダイアログをサポートするために、CSS スプライト ファイルに幅 5000 ピクセル/高さのボーダー グラフィックを配置する必要があることです。css スプライト イメージの選択した部分のサイズを変更する方法が見つからないためです。

基本的に、スプライト イメージの領域 (t、l、w、h) から、幅と高さが異なるページの DIV または IMG にサイズ変更したいと考えています。知りたいのですが、これは可能ですか？background-position はこれをまったくサポートしていないようです。

How can I scale an image in a CSS spriteの最初の解決策を試しましたが、それを使用して機能させることができませんでした。

新しい background-size プロパティを background-position と組み合わせて使用​​しようとしましたが、それも私が望む結果を生成しません。

4

1 に答える 1

1

css をいじってさらに数時間を費やしましたが、スプライトをダイアログで機能させることができませんでした。

しかし、私のアニメーション化されたダイアログは多くのフレームを必要としません (実際のビデオをオンラインのダイアログの背景として配置したい場合を除きます)。そのため、現在設計しているダイアログ テーマでは、フレームとして 8 つの 312x312 png、8 つのリクエスト、合計 386kb があります。ダイアログが「強調表示された」状態のときに光るアニメーションを作成するのに十分です。それは実行可能です。

CSSスプライトで画像をスケーリングする方法のテクニックを使用しています

アニメーション ダイアログのオープンソース リリースについては、約 1 か月後にhttp://mediabeez.wsを参照してください。このスタンドアロン コンポーネントを自作の CMS で使用する場合は、このスタンドアロン コンポーネントを開発およびテストする予定です。そのため、テーマを設定したり、ドラッグ アンド ドロップしたりできるようになります。

于 2011-07-18T11:19:49.320 に答える