記事参照

No.0 2006/06/20 13:30
題:親要素に指定された CSSのフィルタをオフにするには
名:カヅサツ
ID:7faIJ7isviS.

ある要素に指定された継承するプロパティを、特定の子要素をだけ初期値にしたい場合、
例えば親要素に font-weight: bold が指定され、特定の子要素だけ太字にしたくない場合は、その要素に font-weight: normal を指定することで対処できます。
ところが Win IE 独自拡張の filter プロパティですが、これを上記のようにオフにする方法がわかりません。方法あるいは仕様書のポインタなどをお教えいただければ幸いです。
サンプル:あるdiv要素を太字にし、強調部だけ太字を止めているが、filterの場合は上手く行かない。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>test</title>
<style type="text/css">
.test{
font-weight: bold;
width: 100%;
filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=3, Direction=45);
}
.test em{
font-weight: normal;
filter:progid:DXImageTransform.Microsoft.MotionBlur(Enabled=false);
}
</style>
</head>
<body>
<h1>見出しです</h1>
<div class="test">
<p>段落です。</p>
<p>段落ですが、<em>強調部の中</em>はフィルタをかけたくありません。</p>
<p>段落です。</p>
</div>
</body>
</html>
自力で調べたこと:
CSS Dencitie http://www6.plala.or.jp/go_west/nextcss/ref/prp/ext_msie/filter/MtnBlr.htm によれば、例えば Enabled=false とすれば良いようですが、手元の IE 6.0 では特に変わりはないようです。
その他 MSDN http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/filter.asp には載ってないようです。



掲示板に戻る