適応的な幅と高さを持つ9つの正方形グリッドの背景画像の切り取りの分析
|
<br />幅と高さが適応するオリジナルの 9 グリッド レイアウトをベースに、ネットワーク コストを削減するために 8 つの背景画像リクエストを 1 つに変更するなど、いくつかの最適化を行いました。実は、これらは簡単なヒントにすぎません。写真の切り取りに非常に厳格にこだわる場合、1px の非対称性があると問題が発生します。以下の例の切り取り分析に注意してください。 RAR:モジュール.zip 説明書： 画像切り取り解析  鍵となるのは、部分的に透明な背景画像を使用し、適応的に拡張された各 XHTML 部分の背景を読み取るための追加の <SPAN> タグを追加して、拡張された背景を左または右、または上下に交互に埋めることです。 IE が 100% の高さに到達できない問題を解決するために、左右の拡張高さは 3000px の絶対値単位 (必要に応じて調整) として記述されます。 欠点: 背景画像は透明である必要があるため、JPG 形式の画像は使用できません。 （誰かがこの問題を解決してくれることを願っています） |
<<: dockerでopenGaussデータベースを構成する方法の詳細な説明
推薦する
Ubuntu 16.04.5LTS に SVN をインストールする手順
この記事では、UbuntuシステムでSVNを設定するプロセスを簡単に紹介します。ソースを更新sudo...
MySQL マスタースレーブレプリケーションの遅延の原因と解決策
目次レプリケーション ロジックの簡単な概要:遅延の原因と解決策〇メインデータベースへの頻繁なDMLリ...
要素の読み込み効果を実現するための純粋なHTML+CSS
これは Element UI の読み込みコンポーネントのエフェクトです。かっこいいですね。実装してみ...
JavaScript カスタム カレンダー効果
この記事では、JavaScriptカスタムカレンダーエフェクトの具体的なコードを参考までに紹介します...
Jenkins + Docker + ASP.NET Core の自動デプロイメントの問題について (落とし穴を避ける)
このブログを書くつもりはなかったのですが、実際の操作中に、ネットワークの問題に圧倒されたこと (ネッ...
この記事ではCSSの組み合わせセレクターの使い方を説明します
CSS 組み合わせセレクターには、単純なセレクターのさまざまな組み合わせが含まれます。 CSS3 に...
dockerでopenGaussデータベースを構成する方法の詳細な説明
Windowsユーザー向けDocker で openGauss を使用するopenGaussイメージ...
40 CSS/JSスタイルと機能的な技術処理
1-ドロップダウン選択ボックスのスタイル設定 - ドロップダウン リストを変更します。 2- <...
Vue+ElementUI Treeの使い方
Vue+ElementUI Treeの使い方は参考までに。具体的な内容は以下のとおりです。 フロント...
【HTML要素】タグテキストの詳細説明
1. 基本的なテキスト要素を使用してコンテンツをマークアップするまず表示効果を見てみましょう:対応す...
MySQL データベース開発の 36 の原則 (要約)
序文これらの原則は実際の戦闘から要約されています。あらゆる原則の背後には血なまぐさい教訓があるこれら...
zk+kafka+storm クラスターの docker-compose デプロイメントの実装
クラスターの展開の概要172.22.12.20 172.22.12.21 172.22.12.22 ...
前後の秒、分、時間、日数を取得するMySQLデータベース
現在の時刻を取得します: current_timestamp を選択します。出力: 2016-06-...
ネイティブJSでマウススライドによる愛の拡散効果を実現
この記事では、マウスをスライドすると愛が広がる js 特殊効果を紹介します。効果は次のとおりです。 ...
Nginx+Tomcat 負荷分散クラスタの実装例
目次導入1. 事例の概要2. 環境の展開3. Nginxホストのインストール4. Tomcatのイン...