タグ

*(x)htmlとCSSに関するkana321のブックマーク (1)

  • [CSS]動画を背景に使い、オーバーレイでコンテンツを配置するテクニック(IE8、スマホへの対応方法)

    動画を背景としてブラウザいっぱいに表示し、その上にオーバーレイでコンテンツを配置するCSSのテクニックを紹介します。 動画の背景はレスポンシブ対応、video要素に対応していないIE8や、動画の自動再生に対応していないスマホへの対応方法も! Create Fullscreen HTML5 Page Background Video 下記は各ポイントを意訳したものです。 以前紹介した時(前の記事)からアップデートされ、実装の解説も充実しているので、改めて許可を得て翻訳しました。 中の人は、Smashing Magazineのエディタさんです。 動画を背景に使う時の大切なポイント デモ CSSで動画を背景にしたコンテンツを実装する方法 動画を背景に使う時の大切なポイント 動画をサイトに使う時は、動画が単にかっこいいからという理由ではなく、サイトのメッセージが伝えられる動画を使用しましょう。 動

    [CSS]動画を背景に使い、オーバーレイでコンテンツを配置するテクニック(IE8、スマホへの対応方法)
    kana321
    kana321 2014/09/05
    動画を背景としてブラウザいっぱいに表示し、その上にオーバーレイでコンテンツを配置するCSSのテクニックを紹介します。
  • 1