一部のブラウザでid要素を非表示にすることはできますか？

Question

が、私はこの

<span id ="radiobuttonContainer"> Check to enable checkboxes: 
<input type="radio" name="cov-failed" value="cover" onclick="javascript:printoutCheckboxes('cover')"> 
Coverage     
<input type="radio" name="cov-failed" value="failed" onclick="javascript:printoutCheckboxes('failed')"> 
Failed</span> 

のように定義されたIDを持っていると言う私は、これはIE < 8を管理することができないデータの多くよりvizualizingを可能にするのですなわち9以下のブラウザでは、この「spanId」を表示したいいけません。私はあなたが切り抜いたJavaScriptとCSSを持つことができることを知っている：この

<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="root/include/excanvas.min.js"></script><![endif]--> 

ようなブラウザに依存ESと、ディスプレイ選びました：「なし」を、

しかし、この単一の行のほかに正確に同じ情報を含む2つの等しい.cssファイルを持つことが本当に必要であるのだろうか？

このようなことはできませんか？道によってあなたの例のマージです

<!--[if lte IE 8]><script type="text/javascript"> 
    document.getElementById('radiobuttonContainer').style.display = 'none'; 
</script><![endif]--> 

：

<!--[if lte IE 8]>document.getElementById('radiobuttonContainer').style.display = 'none';<![endif]--> 

Answer 1

私はあなたが確かにこのような何かを行うことができると思います。

Answer 2

条件付きコメントでタグを囲むだけでよいはずです。代わりに、ページに含まれているCSSが含まれているCSSよりも優先されるため、そのケース固有の新しい定義だけでなく、2番目のスタイルシートを含める必要はありません。つまり、

<!--[if lte IE 8]> 
<style type="text/css"> 
#radiobuttonContainer{ 
    display = 'none'; 
}; 
<![endif]--> 

となり、付属のCSSファイルの後に追加されます。

Answer 3

Modernizrのようなツールを使用すると、ブラウザの機能を判断できます。

IE8で利用できない特定の機能がある場合は、スタイルシートでその機能を参照し、ブラウザにその機能がない場合はこの要素を非表示にすることができます。

あなたがする必要があるだろうすべてはあなたのページにModernizr Javascriptを含むように1行のスクリプトで、その後、あなたはあなたのCSSでこのような何かをしたい、機能はHTML5のキャンバスであるとしましょう：

.nocanvas .radiobuttonContainer { 
    display:none; 
}