0

ActiveXがオフになっている場合、通常のテキストの代わりに一部のテキストを表示したい

動作しますが、検証に合格させる方法（（（スタック）

行389、列25：このコンテキストでは要素noscriptの子として要素スタイルは許可されていません。（このサブツリーからのさらなるエラーを抑制します。）

  <style type="text/css">messageJS { display:none; }</style>

要素スタイルを使用できるコンテキスト：スコープ属性がない場合：メタデータコンテンツが必要な場所。スコープ属性がない場合：head要素の子であるnoscript要素内。スコープ属性が存在する場合：フローコンテンツが期待される場所ですが、要素間空白以外の他のフローコンテンツの前であり、コンテンツモデルが透過的である要素の子としてではありません。要素noscriptのコンテンツモデル：スクリプトが無効になっている場合、head要素：任意の順序で、0個以上のリンク要素、0個以上のスタイル要素、および0個以上のメタ要素。スクリプトが無効になっている場合、head要素ではなく：transparentですが、noscript要素の子孫があってはなりません。それ以外の場合：散文で指定された要件に準拠するテキスト。

コード - - - - - - - 

 <noscript>
  <div class="conB" style="margin-left: 3px;"><a class="fancybox" href="accessebility.html"> Accessibility </a></div>
  <style type="text/css">
    #accessButt { display:none; }
  </style>
  </noscript>

  <div id="accessButt">
  <div class="conB" style="margin-left: 3px;"><a class="fancybox" href="#accessebility">Accessibility </a></div>
  </div>
4

1 に答える 1

1

ロジックを逆にします。デフォルトで要素を非表示にし、JavaScript で表示します。

<style type="text/css">
    #accessButt { display:none; }
</style>

<noscript>
    <div class="conB" style="margin-left: 3px;"><a class="fancybox" href="accessebility.html"> Accessibility </a></div>
</noscript>

<div id="accessButt">
<div class="conB" style="margin-left: 3px;"><a class="fancybox" href="#accessebility">Accessibility </a></div>
</div>

<script>
    document.getElementById( 'accessButt' ).style.display = 'block';
</script>
于 2013-03-03T13:17:41.710 に答える