FirefoxでこのインラインJavaScriptが使えないのはなぜですか? Firefoxで正しく動作させるにはどうすればいいですか?`href`のインラインJavaScriptがFirefoxで正常に動作しない
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
h2 {display:inline; padding:0px 7px 0px;}
h2 a {text-decoration:none}
h2 a:link {color:#FFFFFF;}
h2#s0 {background-color:black;}
</style>
</head>
<body>
<h2 id="s0"><a href="javascript:document.getElementById('d0').style.display='block';">
Click me!</a></h2>
<div id="d0"
style="width:98%;border: 5px solid #000000;padding:3px; display:none;">
When you click the heading, this text should appear with a black
outline, with no gap between that and the heading background.</div>
</body>
</html>
Safariではこれが必要です。 Firefoxでは瞬時にギャップが表示されます(ブラウザが quirksモードの場合)、ページ上のすべてが消え、「ブロック」という単語に置き換えられます。最初はFirefoxがそれをブロックしていると思っていましたが、表示するようにスタイルを設定した場合は、代わりに「インライン」と表示されます。
EDIT:私の問題のJavascript部分が解決されました。しかし、見出しの背景が現れる方法にはまだ違いがあります。Safariではdiv境界にまで拡張されますが、Firefoxでは拡張されません。 Firefoxでこれを行う方法はありますか?
ハッハッハ - この質問タイトルはクラシックです! –
これはWindowsのFirefox 42で動作します。どのバージョンを使用していますか?また、実行中の拡張機能はありますか? – gfullam
ああ、最初にボタンをクリックする必要があります。あなたはその指示をあなたのポストから出ました。 – gfullam