CSSを利用して、特定のリンクや画像を非表示にしようと思っています。

質問

CSSを利用して、特定のリンクや画像を非表示にしようと思っています。

img[src="画像URL"] {display:none !important;}
a[href^="URL"]{display:none !important;}

これで、Opera、Firefox、Safariではできたのですが、
IE6ではできません。
IE6で有効な方法を教えてください。

回答No.1

naokita · ベストアンサー

子供・隣接・属性などのセレクタは、IE6以下は未対応です。
非常に便利なのですが、
IE6シェアがまだ10％以上あると言われていますので、使えません。
IE6撲滅運動もあるようですが、シェア1％程度になるには、
おそらく、2014年以降になると思います。
それまでは、
id や class を割り当てて対応するか、IE6以下を無視するかしかありません。
----------------------------------
方法は、知っている思いますが、
個別に対応するしかないでしょう。一応書いておきます。

<a href="/" class="del">消える</a>
<img src="test.gif" width="50" height="50" alt="*" id="del" />

#del , .del{display:none !important;}

--------------------------
ハックや分岐させても良いですが。

お礼

回答ありがとうございました。

CSSといっても、こちらはサイト制作者ではなく、閲覧者で、
ユーザーCSSを利用するつもりでした（IE6は普段使わないのですが）。

IE6だとユーザーjavascriptはデフォで使えないはずですし、
CSSでもこの指定ができないとなると、IE6での対応は諦めた方が良さそうですね。