nav要素などの親要素が子要素で覆われている部分だけが透明になるホバー効果を作成しようとしています。このようにして、サイトのメインコンテナに設定されている背景画像を見ることができました。純粋なcssソリューションはありますか、それともそのような効果を達成するためにjavascript(jquery)を使用する必要がありますか?または、それも可能ですか?
出発点http://jsfiddle.net/gBsEA/4/
<div id="container">
<nav>
<ul>
<li><a href="#">Thank</a></li>
<li><a href="#">You</a></li>
<li><a href="#">Very</a></li>
<li><a href="#">Much</a></li>
</ul>
</nav>
</div>