IE6 スペースバグ修正方法

IE6 スペースバグ修正方法
コードを見てみましょう:

コードをコピー
コードは次のとおりです。

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<ヘッド>
<タイトル></タイトル>
<スタイル タイプ="text/css">
<!--
フォントサイズ:12px
p:最初の文字{フォントサイズ:300%}
-->
</スタイル>
</head>
<本文>
<p>世界にとってあなたは一人の人間かもしれないが、一人の人間にとってあなたは世界であるかもしれない。たとえ悲しいときでも、顔をしかめないでください。あなたの笑顔に誰が恋に落ちるか分からないからです。 </p>
</本文>
</html>

このコードは、IE6 の <p> の最初の文字のスタイル定義には影響しません。ただし、p:first-letter と {font-size:300%} の間にスペースを追加して、p:first-letter {font-size:300%} にすると、表示は正常になります。

この問題は主に IE6 ブラウザで発生し、この友人はいくつかの必要なトリガー条件も説明しました。
1. IE6ブラウザ
2. セレクタには擬似クラスがある
3. 擬似クラスには接続子「-」を含める必要があります。例: first-letter
4. スペースはありますか?

<<:  MySQLはデータ復旧を実装するためにbinlogログを使用する

>>:  CSS メニューボタンアニメーション

推薦する

CentOS 7 での Docker プロキシの設定 (Linux での Systemd サービスの環境変数設定)

Docker デーモンは、 HTTP_PROXY 、 HTTPS_PROXY 、およびNO_PRO...

Vueはプルダウンとスクロールでデータを読み込む例を実装しています

目次ステップ1: インストールステップ2: 引用ステップ3: 使用Webプロジェクトでは、データを読...

Ubuntu 20.04 に Python 3 仮想環境をインストールする詳細なチュートリアル

以下はすべて仮想マシン上で実行されます1. pip3をインストールするsudo apt で pyth...

Mysql 5.7.19 無料インストール版 (64 ビット) の設定方法に関する詳細なチュートリアル

公式サイトから mysql-5.7.19-winx64 をダウンロードします。これはシステムの 64...

MySQL 権限とデータベース設計のケーススタディ

権限とデータベース設計ユーザー管理SQLyogを使用してユーザーを作成し、権限を付与する基本コマンド...

mysql5.5.28 のインストール チュートリアルは非常に詳細です。

参考までにmysql5.5.28のインストールチュートリアルです。具体的な内容は次のとおりです。イン...

mysql8.0.0 winx64.zip 解凍バージョンのインストールと設定のチュートリアル

この記事はmysql8.0.0 winx64.zip解凍版のインストールチュートリアルを記録していま...

Linux ディスク パーティションの実装の原理と方法の分析

覚えて: IDE ディスク: 最初のディスクは hda、2 番目のディスクは hdb...最初のディ...

MySQL はどのようにしてデータの整合性を確保するのでしょうか?

オンライン ビジネスにとってデータの一貫性と整合性が重要であることは明らかです。データが失われないよ...

jQueryはフェードインとフェードアウト効果を実現します

jQuery を使用してフェードインとフェードアウト効果を完成させる前に、まずいくつかのコードを理解...

MySQL のメモリ使用量と CPU 使用率が高い場合のテストと解決策

変更後: innodb_buffer_pool_size=576M ->256M InnoDB...

ReactでのDOM操作の実装

目次前の単語使用シナリオ参照HTML要素クラスコンポーネント機能コンポーネント[DOMノードを親コン...

vue-nuxt ログイン認証の実装

目次導入リンク始めるコードを読み進めてくださいプロキシ設定傍受を要求する異なるプレフィックスを持つイ...

CentOS/RHEL システムで VLAN タグ付きイーサネット カードを使用する方法

シナリオによっては、Linux サーバー (CentOS/RHEL) の同じイーサネット カード (...

フレームセットの高さを設定する際のインターフェース変形の解決策

現在、プロジェクトを作成しました。インターフェースは次のとおりです。これはフレームセットを使用して行...