/ /基礎4のオーバーレイディビジョンを作る方法 - zurb-foundation

基礎4のオーバレイディビジョンを作る方法 - zurb-foundation

場合によっては、ウェブサイトをチェックすると、別のdiv(または画像)の上にハーフ透明なdivが表示されます。スポーツウェブサイトのように、彼らはスポーツスコアのパネルをイメージ上に置く。

また、Foundation 4を使ってこれを達成できますか?

この例はJSコンポーネントのOrbitの底面のように見えます。そこでは、上に単語がある半黒のdivを見ることができ、同時に画像を見ることができます。

http://foundation.zurb.com/docs/components/orbit.html

回答:

回答№1は0

この効果を得るには、 相対 そして 絶対の cssでの位置づけ。次に例を示します。

http://www.w3schools.com/css/tryit.asp?filename=trycss_zindex

divを透過的にチェックする:

DIVの透明な背景