IE6 スペースバグ修正
2022-02-04 14:19:27
コードを見てください。
< !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">
<head>
<title></title>
<style type="text/css">
<! --
p{font-size:12px;}。
p:first-letter{font-size:300%}の場合。
-->
</style>
</head>
<body>
世界にとって、あなたは一人の人間ですが、誰かにとっては、あなたがその人の世界のすべてなのです。たとえあなたが悲しくても、悲しまないでください。あなたの笑顔を愛してくれるのは、誰なのかわからないのですから </p>
</body>
</html>
このコードはIE6では1文字目のスタイル定義である<p>には効果がありませんが、p:first-letterと{font-size:300%}にスペースを加えた後、つまりp:first-letter {font-size:300%} では正常に表示されています。
この問題は主にIE6ブラウザで発生し、この友人もいくつかの必要なトリガー条件を述べています。
1. IE6ブラウザ
2. セレクタは擬似クラスと
3. 3. 擬似クラスには、接続詞 "-" が含まれていなければなりません。
4. スペースの有無
コピーコード
コードは以下の通りです。
< !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">
<head>
<title></title>
<style type="text/css">
<! --
p{font-size:12px;}。
p:first-letter{font-size:300%}の場合。
-->
</style>
</head>
<body>
世界にとって、あなたは一人の人間ですが、誰かにとっては、あなたがその人の世界のすべてなのです。たとえあなたが悲しくても、悲しまないでください。あなたの笑顔を愛してくれるのは、誰なのかわからないのですから </p>
</body>
</html>
このコードはIE6では1文字目のスタイル定義である<p>には効果がありませんが、p:first-letterと{font-size:300%}にスペースを加えた後、つまりp:first-letter {font-size:300%} では正常に表示されています。
この問題は主にIE6ブラウザで発生し、この友人もいくつかの必要なトリガー条件を述べています。
1. IE6ブラウザ
2. セレクタは擬似クラスと
3. 3. 擬似クラスには、接続詞 "-" が含まれていなければなりません。
4. スペースの有無
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
HTMLテーブルのクロスロー、クロスカラムの操作（rowspan、colspan）
-
htmlテーブルの比較幅のオーバーフローを解決する方法
-
div+CSSを使ったシンプルな矢印アイコンのHTMLコード
-
メッセージボタンにコーナーマーカーを追加するhtmlコード
-
HTMLタグのhref属性で相対パスと絶対パスの使い分けを解説
-
htmlに要素href URLリンクの自動更新または新しいウィンドウを開く機能実装
-
テーブルのサンプルコードをチェックするためのHTML正規表現
-
HTML初心者のための15のベストプラクティス
-
HTMLの基礎知識 HTMLコンテンツの詳細
-
htmlタグのIDは変数にすることができます