子要素で親要素のグラデーションを無効にする方法

Question

<div class="a">
  <div class="b">
    <div class="c">
      
    </div>
  </div>
</div>

上記のような3階層になっている状態で、aのdivにはグラデーションのgradient、bのdivには背景画像をつけて、cのdivではaにつけたグラデーションだけを出ないようにしたいのですが、これは可能なのでしょうか。
cにはbの背景画像を薄く白く見せるために白色の背景色を少し透過で当てたいと思っています。
こういったことはCSSの限界のため不可能でしょうか。

Comments

[masaya_ohashi]

bの背景画像はbの領域いっぱいで不透明な画像ですか？

[masaya_ohashi]

できればa,b,cでどのようなCSSが設定されているか明記してください。さらに可能であればjsFiddle等のテストサイトで「同様の現象が発生する状態」を再現してください。

[yoshinavi]

各divの状況が不明です。解釈がいくつかあるので、場合によって対応出来ますが、質問者さんの条件を詳細（コードやイメージの提示等）にすると良いと思います。

Answer 1

まず、完成イメージを画像などで提示すると、回答を得られやすくなると思いますよ。

残念ながら、現在のCSSでは、子供から親の指定は、仕様上できません。
（早くそんな仕様を実装してもらうのを念願して止みません）
bのdiv（画像？）と、cのdivを同じ大きさにし、
bは透過させないようにする、（cは、position: absolute;で、bの上に配置）では、意図した表示にはなりませんでしょうか？