6
私はdiv内の同じテキストでテキストエリアにテキストをオーバーレイしようとしています。私はFireFox（私は8.0を使用しています）以外のすべてのブラウザで動作させることができました。 FireFoxでは、テキストエリア内のテキストが1ピクセル左にシフトされます。私はあなたが最初にあなたのコードを適用し、すべてのブラウザファクトリー・プロパティーのリセットを使用することをお勧めFireFoxのテキストエリア内にテキストを配置
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
div, textarea
{
position:absolute;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
font-family: Consolas;
font-size: medium;
border:none;
border-width: 0px;
}
div {color:red;}
textarea {color: blue;}
</style></head>
<body>
<textarea>Stuff</textarea>
<div>Stuff</div>
</body>
</html>
Firefoxがテキストエリアをどのようにレンダリングしているので、Firefox専用の特別なCSSが必要です。 – Hossein
これは明らかにしばらくの間、問題がありました。http://stackoverflow.com/questions/4374537/how-to-force-firefox-to-render-textarea-padding-the-same-as-in-a-div実証する。実際にそこにリストされた良い解決策もありませんでした。 – ScottS
ブラウザのスニッフィングに戻らなければならないように見えます。古き良き時代のように.. – ulu