コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > ドロップキャップに関する新しいバグ。ソリューションを探しています_html/css_WEB-ITnose

ドロップキャップに関する新しいバグ。ソリューションを探しています_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:58:02
オリジナル
1260 人が閲覧しました

ie6 の最初の文字の疑似クラスのスタイルサポートについて

HTML コードは次のとおりです: 

 <p class="tit_f">                    HHONORY CERTIFICATE<br />                    <span>荣誉证书</span>                </p>
ログイン後にコピー

これはスタイルです: 
.tit_f:first-letter {font-size:30px;float:left;padding-top:10px;}
ログイン後にコピー


Effect
Firefox:

chrome:

ie6:


今問題は、IE6でパディングとマージンをどのように設定しても最初の文字を下に移動できない場合はどうすればよいですか？


ディスカッション（解決策）への返信

ところで、皆さん日曜日は休みですか？

FirefoxとChromeの挙動が違うから意味がない

FirefoxとChromeの挙動が違うから意味がない


FirefoxとChromeはハックで修正できるけど、IEは完全に修正できないところで、IE は最初の文字の疑似クラスをサポートすると言いませんでしたか?

一般的な考え方は次のとおりです。違いがある場合は、値を調整します: 

<!doctype html><html><head>    <meta charset="UTF-8">    <title></title>    <style type="text/css">        *{ margin:0; padding:0;}        .tit_f{}        .tit_f i{ position:relative;top:0;font-size:42px;float:left;font-style:normal;}        .tit_f span{font-size:14px;}    </style></head><body><p class="tit_f">    <i>H</i>HONORY CERTIFICATE<br />    <span>荣誉证书</span></p></body></html>
ログイン後にコピー
ログイン後にコピー

一般的な考え方は次のとおりです。違いがある場合は、値を調整します: 

<!doctype html><html><head>    <meta charset="UTF-8">    <title></title>    <style type="text/css">        *{ margin:0; padding:0;}        .tit_f{}        .tit_f i{ position:relative;top:0;font-size:42px;float:left;font-style:normal;}        .tit_f span{font-size:14px;}    </style></head><body><p class="tit_f">    <i>H</i>HONORY CERTIFICATE<br />    <span>荣誉证书</span></p></body></html>
ログイン後にコピー
ログイン後にコピー


ありがとうございます!
関連ラベル：
bug 解決
ソース：php.cn
前の記事：推奨される CSS の美化、最適化、結合ツール_html/css_WEB-ITnose 次の記事：【オリジナル】iphone6が来るんだけどどうすればいいですか_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
3 レベル階層のカスタム分類を使用して woocommerce 関連製品を選択します 「スポーツ」というカスタム分類を持つ woocommerce ストアがあります。分類には、親、子、子という 3 つのレベルがあります。たとえば、屋内スポーツ > アリーナ ス...
から 2024-04-06 20:05:30
0
1
544
opentbs を使用して odt ファイルを生成するときに発生する問題: 同じキーの値が別の列ではなく同じ行に表示されます。 PHPでodtを作成するためにOpenTbsというライブラリを使っていますが、列と行が動的に生成されるので利用しています。行と列の作成方法は知っていますが、それらを整理する方法がわ...
から 2024-04-06 20:18:18
0
1
483
MySQL SQLクエリを使用して別のテーブルのフィールドの合計を計算する 次のようなスキーマがあります。 属性「user_id」と「username」を持つユーザーテーブルと、属性「customer_id」（user_idのFK）と「finalPrice...
から 2024-04-06 19:39:29
0
1
441
Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか? Webアプリケーションを開発しています。 Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか?私はセマンティック バージョニングを使用しており、...
から 2024-04-06 19:13:16
0
2
476
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート