background のショートハンドで background-size が設定できない - Qiita
今回もコリスさんの記事を見て，真似してみた． 記事を見る前の設定では，background-size: cover; をつけてなかったので，ブラウザの幅を変えても背景画像の一部しか表示されなかった．これをなんとかしたいなーと思っていたときのコリスさん！！本当にお世話になっております．m(_ _)m background-size を設定する 無難なやり方 記事内にあるとおり，個別に指定する方法でやったら何事もなくうまくいった． body { background-image: url(path2image); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #47D
スマホで背景fixedしたい時のCSSメモ - Qiita
Mobile Safari等 background-attachment:fixed; が効かない環境でもそれらしいことをやりたい場合の方法として、position:fixed; の全面div要素を背面に敷いておく方法がよく紹介されていました。 少し改良?しつつメモ。 サンプル http://jsrun.it/volkuwabara/w5KY (スマホからどうぞ) ソース body::before { background:url('bg.png') no-repeat left top; background-size: 100% auto; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 108px; content: ""; z-index: -1
8ステップで完成！CSS3で「斜めのストライプ」を作る方法
各ブラウザのCSS3の実装も進み、最近では画像を使わずにサイト上のブロックの背景をCSSだけでデザインすることが増えてきていると思います。特にスマホサイトなどではできるだけ画像を使わずに容量をおさえておきたいということから、その傾向が強いと思います。今回は背景パターンとしてよく使われる「斜めストライプ」をCSSのみで作る方法についてまとめてみようと思います。 まず、前準備として以下のようにdiv要素を作っておきます。このdiv要素に対してCSSを指定していきます。 <div class="div2269"></div>それから、斜めストライプを作成する上で必要なCSSは、「linear-gradient()関数」と「background-sizeプロパティ」となります。事前にご確認ください。 linear-gradient – CSS | MDNbackground-size – CSS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
