• TOP
  • WordPress
    • まとめ
    • JavaScript
    • 記事
    • 画像/動画
    • 管理
    • アクセス/SEO対策
    • カテゴリ
    • サイドバー/ヘッダー
    • アイキャッチ
    • パスワード
    • コメント
  • プラグイン
  • CSS
  • ユーザー限定
Plus WordPress ワードプレスの基本・応用テクニックを紹介
ホーム › CSS › 背景画像を複数指定する

背景画像を複数指定する

#haikeiに背景画像を4つ指定しています。

1
2
3
4
5
6
7
8
#haikei {
background-image: url(/images/plus-logo2.png), url(/images/dog200.jpg), url(/images/dog200a.jpg), url(/images/back/white_brick_wall.png);
background-attachment: fixed, scroll, scroll, fixed;
background-repeat: repeat-y, no-repeat, no-repeat, repeat;
background-position: center, right top, left bottom;
height: 300px;
border: 1px solid #999;
}

背景画像のurlを「 , 」で区切ってその後に追加し、それと同じ順番でbackground-attachment 、 background-repeat 、background-position も指定してやります。背景画像の重なり方は、記入順で左から順に上になります。

タグ: 背景画像
カテゴリー: CSS
“背景画像を複数指定する” への1件のコメント
  1. トク☆オタ より:
    2014/05/03 20:41

    exBPのトク☆オタです。

    自分もワードプレス使ってますが、こういう使い方ができたんですね。

    初めて知りました。

    まだワードプレス歴は浅いですが、とても奥が深そうですね。

    また勉強しに伺いたいと思います。

    返信

関連記事
背景をスライドショーにする
CSS3のみで画面外からメニューをスライド表示
CSS3 角を丸くする
コメントに画像を挿入できるようにする
レスポンシブなLightbox jQuery プラグイン Strip
サイトをメンテナンス中にする
人気記事
高機能でオシャレな実用的メニュー(HTMLテンプレート)
Webページ全体をフェードイン、フェードアウト
楽天APIで簡単アフィリエイト
投稿、固定ページ内にウィジェットを挿入
フリーの高機能HTMLテンプレート
記事の続きを読むを消す
コメントに画像を挿入できるようにする
最新記事を自動でスライドショー
記事ごとに個別のCSSやJavaScriptを追加
カテゴリ別に違うカテゴリ(テンプレート)を表示
指定したカテゴリIDのカテゴリ名のみ取得
タイトルや本文からタグを自動生成
CSS3のみで画面外からメニューをスライド表示
スライドショー Meteor Slides
非表示、置換テクニック
カテゴリー別に違うサイドバーを出す
特定のカテゴリに個別のCSSを適応させる
レスポンシブなLightbox jQuery プラグイン Strip
CSS3 ボックスシャドウ
コメントのメールアドレス入力覧を消す
全記事のアイキャッチをまとめて自動作成
スライドショー Skitter Slideshow
Contact Form7の送信完了画面をカスタマイズ
アイキャッチ(サムネイル)を呼び出す
カテゴリに別々のアイコンを表示
スライドショー WP Slider Plugin
画像や動画をポップアップし再生
ショートコードを追加するプラグイン
JavaScriptで画面外からメニューをスライド表示
CSS3 アコーディオンメニュー
個別にJavaScriptを振り分ける
大きさの違う画像を綺麗に並べ替える
管理画面の投稿一覧へアイキャッチを表示
リンクの表示順を並べ替える
CSS3 拡大、縮小、スライド、回転
サイト全体のサムネイルサイズを変更
サイトをgzip圧縮し表示速度を高速化
記事をランダムに表示させる
指定した日付や時間を基準に振り分け
管理画面の投稿一覧で投稿IDを表示する
    メルマガ購読
  • メールマガジンではWordPressのおもしろい使い方を紹介しています。またユーザー限定ページとも連動しているので、そちらも自由に観覧できるようになります。
  • 登録フォーム
PlusWordPress
  • お問い合わせ
  • このサイトについて
  • メルマガ登録フォーム
Link
  • にほんブログ村
  • 人気ブログランキング
  • 使えるWordPressテーマ
背景変更
  • デフォルト
  • ホワイト
  • ブラック
  • グレー
  • Facebook
  • RSS Feed
  • Google Plus
© 2018 Plus WordPress