CSSの移行に関する問題

Question

アイテムの上にマスクがあるところで簡単なCSSの遷移を設定しようとしています。ユーザーがアイテムの上を移動すると、マスクの不透明度が0になりアイテムが完全に表示されます。私が持っている問題は、私は、たとえば、項目にマスクを配置するときということです：

<div class="tile"> 
    Home 
    <div class="mask"></div> 
</div> 

<div class="tile"> 
    About 
    <div class="mask"></div> 
</div> 

マスクは、他の要素に下に移動します。たとえば、「ホーム」タイルのマスクは約タイルに移動し、「タイル」タイルのマスクはそれ以降のものに移動します。これをどうやって解決するのですか？ありがとう！ここで

は、こののJSフィドルです： http://jsfiddle.net/5bL8H/

Answer 1

あなたは相対的な内部絶対の魔法で非常に簡単にそれを行うことができます。

.tile {position:relative;} 
.tile .mask {position:absolute;left:0;right:0;top:0;bottom:0;} 

ます。また、高さと幅を削除することができます - 右とボトム値はそれを処理します。

例：http://jsfiddle.net/5bL8H/2/