Webサイト制作

投稿日： 2017年4月27日

簡単な背景画像のパララックス

jquaryをリンクさせる htmlファイルでsection毎に背景画像を設定 cssにて。

width:100%;
background:url()center center no-repeat fixed;
background-size:cover;

fix cover あとはsectionにmin-height(任意)

- Webサイト制作

関連記事

: mmenuは初心者でも簡単に使えるjQuery plugin｜スマホ用メニュー

スマホ用メニューを作成する時によく使っているのがjQuery pluginのmmenuあまりjQuery詳しくない私でも簡単に使えるところが気に入ってます。オプションで色々設定もできるみたいなので、初 ...

: cssで作るタイトルやテキストの装飾色々メモ

タイトルの背景を斜めボーダーにしたい斜めボーダー背景。色の組み合わせで色々な雰囲気がつくれる。ただ、背景に柄が入ると中のテキストが読みにくくなるので、色は注意！ HTMLは入れ子にしています。 ...

: 角丸テーブルのスタイル指定

時々使うテーブルの角丸仕様、毎回調べてる気がする。。ポイントはborder-collapse border-collapse: collapse;ではなくborder-collapse: separ ...

: 画面の縦幅いっぱいに背景画像を表示する

画面全体に背景画像を表示するには、 background:url('画像を指定'); background-size:cover; でできますが、いやいや、一画面だけでなくその下にもコンテンツがあっ ...

: Atomエディタが便利です

今まで使っていたのはDreamWeaver htmlを書くようになって使っていたのはAdobeのDreamWeaverでした。こちらも使い勝手がよく好きだったのですがAtomエディタが便利とのことで ...

PREV: 美容院サイトのトップページ
NEXT: cssでlistのborderを斜め線にする

タグ

name:ユズム
作業時間は平日9：30～17：00です。

お問い合わせはこちら

最近の投稿