スタイルを書く際の背景色宣言の重要性

スタイルを書く際の背景色宣言の重要性
タイトルの通り、ページを修正すると以下のような状況が発生する可能性があります。

現在、古いページを改修する修正プロジェクトに取り組んでおり、その中には白いページの背景を薄い灰色に変更することが含まれています。変更後、上記の状況が発生しました。上記のモジュールでは、デフォルトの背景色である透明が使用されており、以前は本体の背景色が#FFFであったため、表示効果は設計意図と一致しています。しかし、今回本体の背景色を変更すると、表示が間違っています。(写真では、あまり明らかではないかもしれませんが、写真では、「まだ記録されていません」という行と「カード番号」というラベルを除いて、他の場所は薄い灰色です。白い背景は、対応するラベルが宣言された背景色を表示しているためです)

まとめると、今後スタイルを記述する際には、背景画像の設定やフォールバックとして類似の背景色の指定など、要素の背景を明示的に宣言する必要があります。また、前景色も指定するのがベストです。もちろん、要素ごとに 1 回ずつ設定する必要はありません。同じモジュール内の同じスタイルの要素は、モジュール コンテナーで 1 回だけ宣言する必要があります。

<<:  クリック範囲を拡大する入力チェックボックスを実装する方法

>>:  UniappはBaidu Voiceを使用して録音をテキストに変換する機能を実現

推薦する

Mysql の一般的なベンチマーク コマンドの概要

mysqlslap共通パラメータの説明–auto-generate-sql システムはテスト用のSQ...

Vue3の一般的なAPIの使用方法の紹介

目次ライフサイクルの変化反応的な参照vue2.x では ref を使用して要素タグを取得します。vu...

Nginx/Httpd ロードバランシング Tomcat 設定チュートリアル

前回のブログでは、Nginx と httpd を使用して、逆生成用のバックエンド Tomcat サー...

プレフィックスケースを削除する Nginx リバース プロキシ構成のチュートリアル

nginx をリバース プロキシとして使用する場合、リクエストをそのまま次のサービスに転送するだけで...

この記事では、CSSの2列レイアウトと3列レイアウトの具体的な使い方をまとめます。

序文大規模なフロントエンドの開発に伴い、UI フレームワークが次々と登場し、フロントエンド開発におけ...

HTML いくつかの特別な分割線効果

1. 基本ライン 2. 特殊効果(効果は独立しておらず、互いに組み合わせることができます) 1. 両...

LinuxはMySQLデータベースの自動バックアップとスケジュールバックアップを毎日実装しています

概要バックアップは災害復旧の基礎であり、システム操作エラーやシステム障害によるデータ損失を防ぐために...

CSS3 で実装された画像ホバートグルボタン

結果:実装コードhtml <ul class="スライド"> <...

VueはElement el-uploadコンポーネントを使用してピットに足を踏み入れます

目次1. 基本的な使い方2. 画像量の制御3. 画像形式の制限/複数の画像を選択可能補足: vueプ...

js でオブジェクトを作成するさまざまな方法とその長所と短所のまとめ

目次初期作成方法ファクトリーパターンコンストラクターパターンコンストラクタパターンの最適化プロトタイ...

NexusはAPIを使用して操作します

Nexus は RestApi を提供していますが、一部の API はまだ Groovy と組み合わ...

Centos 6.9 に MySQL をインストールするための詳細なチュートリアル

1. MySQLがインストールされているかどうかを確認します。次のコードで確認できます。 [root...

Javascript での JSBridge に関する予備的研究

目次JSBridgeの起源JSBridgeの双方向通信原理JSはネイティブを呼び出すネイティブコール...

MySQL の選択、挿入、更新バッチ操作ステートメントのコード例

プロジェクトでは、データを操作するためにバッチ操作ステートメントが必要になることがよくあります。バッ...

Windows 7 で Python 3.4 を使って MySQL データベースを使用する

Python 3.4でMySQLデータベースを使用する詳細なプロセスは次のとおりです。 Window...