スタイルを書く際の背景色宣言の重要性
タイトルの通り、ページを修正すると以下のような状況が発生する可能性があります。 現在、古いページを改修する修正プロジェクトに取り組んでおり、その中には白いページの背景を薄い灰色に変更することが含まれています。変更後、上記の状況が発生しました。上記のモジュールでは、デフォルトの背景色である透明が使用されており、以前は本体の背景色が#FFFであったため、表示効果は設計意図と一致しています。しかし、今回本体の背景色を変更すると、表示が間違っています。（写真では、あまり明らかではないかもしれませんが、写真では、「まだ記録されていません」という行と「カード番号」というラベルを除いて、他の場所は薄い灰色です。白い背景は、対応するラベルが宣言された背景色を表示しているためです） まとめると、今後スタイルを記述する際には、背景画像の設定やフォールバックとして類似の背景色の指定など、要素の背景を明示的に宣言する必要があります。また、前景色も指定するのがベストです。もちろん、要素ごとに 1 回ずつ設定する必要はありません。同じモジュール内の同じスタイルの要素は、モジュール コンテナーで 1 回だけ宣言する必要があります。 |
<<: クリック範囲を拡大する入力チェックボックスを実装する方法
>>: UniappはBaidu Voiceを使用して録音をテキストに変換する機能を実現
推薦する
MySQL SQL文を最適化するためのヒント
十分に最適化されていない、またはパフォーマンスが極端に低い SQL ステートメントに直面した場合、通...
Centos6.5 の rpm パッケージから mysql5.7 をインストールするときに発生する初期化エラーの解決策
1. rzをサーバーにアップロードして解凍する rz [root@mini2 アップロード]# ta...
mysql5.7 の新しい json フィールド タイプの使用例の分析
この記事では、MySQL 5.7 で追加された json フィールド タイプの使用方法を例を使って説...
Linux での scp および sftp コマンドの詳細な説明
目次序文1. SCPの使用法2. sftpを使用する3. scp と sftp の違いは何ですか?ど...
ウェブデザインの詳細分析に関する詳細な議論
設計業務では、設計者がレビューに参加したり、リーダーの一部が設計案の詳細が足りないと言っているのをよ...
Vue3 のレンダリング関数における互換性のない変更の詳細な説明
目次レンダリングAPIの変更レンダリング関数のパラメータレンダリング関数のシグネチャの変更VNode...
JavaScript 配列の include と Reduce の基本的な使用法
目次序文配列.プロトタイプ.includes文法パラメータ戻り値例配列プロトタイプの削減文法パラメー...
vue-router 履歴モード サーバー側設定プロセス記録
歴史ルート履歴モードとは、HTML5 の履歴 API を使用してクライアント側ルーティングを実装する...
CSS の子要素の Z インデックスと親要素の兄弟ノードの階層問題を解決する
1. 問題の出現フラット リストを作成しました。リストの一部には、マウスをホバーすると表示されるポッ...
Dockerfile ビルド中に発生する「/bin/sh: pip: コマンドが見つかりません」という問題の解決方法
記述した Dockerfile の内容は次のとおりです。 Python:3.6.8 から pip i...
Linux で SSH 経由でリモート ファイルシステムをマウントする方法の詳細な説明
SSHFS の機能: FUSE（Linux向けの最高のユーザー空間ファイルシステムフレームワーク）を...
暗号化における https の Apache 展開の概要
目次目的実験環境実験原理実験手順1. 独立したCAを生成する2. サーバーの秘密鍵と署名要求ファイル...
InnoDB タイプの MySql によるテーブル構造とデータの復元
前提条件: データベースを復元するために必要な .frm ファイルと .ibd ファイルを保存します...
データベースマルチテーブル接続クエリの実装方法の詳細説明
データベースマルチテーブル接続クエリの実装方法の詳細説明結合演算子を使用して複数のテーブルクエリを実...
HTML初心者や初級者向けの提案。専門家は無視してかまいません。
感想:私はバックエンド開発者です。静的 (HTML) ページを取得すると、ページ構造と命名規則が極端...