適応的な幅と高さを持つ9つの正方形グリッドの背景画像の切り取りの分析

適応的な幅と高さを持つ9つの正方形グリッドの背景画像の切り取りの分析
<br />幅と高さが適応するオリジナルの 9 グリッド レイアウトをベースに、ネットワーク コストを削減するために 8 つの背景画像リクエストを 1 つに変更するなど、いくつかの最適化を行いました。実は、これらは簡単なヒントにすぎません。写真の切り取りに非常に厳格にこだわる場合、1px の非対称性があると問題が発生します。以下の例の切り取り分析に注意してください。
RAR:モジュール.zip
説明書
画像切り取り解析

鍵となるのは、部分的に透明な背景画像を使用し、適応的に拡張された各 XHTML 部分の背景を読み取るための追加の <SPAN> タグを追加して、拡張された背景を左または右、または上下に交互に埋めることです。 IE が 100% の高さに到達できない問題を解決するために、左右の拡張高さは 3000px の絶対値単位 (必要に応じて調整) として記述されます。
欠点:
背景画像は透明である必要があるため、JPG 形式の画像は使用できません。 (誰かがこの問題を解決してくれることを願っています)

<<:  dockerでopenGaussデータベースを構成する方法の詳細な説明

>>:  MySQL 権限制御の詳細分析

推薦する

MySQLデータベースが大きすぎる場合にバックアップと復元を行う方法

コマンド: mysqlhotcopyこのコマンドは、ファイルをコピーする前にテーブルをロックし、不完...

JS を使って 1 分で github+Jekyll ブログに訪問カウント機能を追加する実装

目次1分でgithub+Jekyllブログにトラフィック機能を追加する1. ジェクルとは何か1. J...

テーブルタグ(テーブル)詳細

<br />テーブルは、昔から誰もが使ってきたタグで、今も使われています。しかし、現在の...

Dockerコンテナでユーザーを分離する方法

前回の記事「Docker コンテナの UID と GID を理解する」では、Docker コンテナ内...

SqlクエリMySqlデータベーステーブル名と説明テーブルフィールド(列)情報

以下では、SQL クエリ ステートメントを使用して、Mysql データベース内のテーブルのテーブル名...

MySql 8.0 と対応するドライバー パッケージの一致に関する注意事項

MySql 8.0 対応ドライバパッケージのマッチングMySql データベースをバージョン 8.0 ...

Linux dirnameコマンドの具体的な使い方

01. コマンドの概要dirname - ファイル名からディレクトリ以外のサフィックスを削除しますd...

CSSレイアウトにおけるフロート属性と位置属性の違い

CSS レイアウト - position プロパティposition 属性は、要素に適用する配置方法...

テーブルを動的に読み込み、削除する JavaScript

この記事では、テーブルを動的に読み込み、削除するためのJavaScriptの具体的なコードを参考まで...

Linux システムでの Selenium クローラー プログラムの導入の概要

目次序文1. セレンとは何ですか? 2. 使用手順1. ライブラリをインポートする2. テストコード...

MySQL 5.7.17 winx64 のインストールと設定のグラフィックチュートリアル

MySQL のインストールに関する以前のメモを要約して、皆さんと共有しました。ステップ 1: mys...

MySQLデータベースの管理者パスワードを忘れた場合の解決策

1. コマンド mysqld --skip-grant-tables を入力します (前提条件: m...

MySQL の異常なエラー ERROR: 2002 を解決する方法

最近、MySQL の起動中にエラーが発生しました。エラー メッセージは次のとおりです。 エラー 20...

Dockerカスタムネットワークの詳細な紹介

目次Dockerカスタムネットワーク1. カスタムネットワークの紹介2. カスタムネットワークを作成...

Vueでパスワードの表示と非表示機能を実装するアイデアを詳しく解説

効果: アイデア:入力タイプ属性を使用して、タイプ値がテキストの場合はパスワードを表示し、タイプ値が...