Web サイトをチェックすると、半透明の div が別の div (または画像) の上にぶら下がっていることがあります。スポーツのウェブサイトのように、画像の上にスポーツのスコアのパネルを配置します。
Foundation 4 を使用してこれを達成することはできますか?
この例は、JS コンポーネントの Orbit の下部のように見えます。上部に単語が表示された半黒色の div が表示され、同時に画像も表示されます。
Web サイトをチェックすると、半透明の div が別の div (または画像) の上にぶら下がっていることがあります。スポーツのウェブサイトのように、画像の上にスポーツのスコアのパネルを配置します。
Foundation 4 を使用してこれを達成することはできますか?
この例は、JS コンポーネントの Orbit の下部のように見えます。上部に単語が表示された半黒色の div が表示され、同時に画像も表示されます。
この効果は、css の相対位置と絶対位置を使用して実現できます。次に例を示します。
http://www.w3schools.com/css/tryit.asp?filename=trycss_zindex
divを透明にするチェック: