ホームページ > 記事 > ウェブフロントエンド > ドロップキャップに関する新しいバグ。ソリューションを探しています_html/css_WEB-ITnose
ドロップキャップに関する新しいバグ。ソリューションを探しています_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:58:021238ブラウズ
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> ありがとうございます!
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。