2014年12月11日木曜日

iOSは background-attachment: fixedが効かない

パララックスサイトとかで使うような背景位置を固定する
background-attachment: fixed
ですが、iOSだと効かずに、変に拡大された画像がついてくるだけになります。

そんなときは、空のdivタグを設置してやって、
position: fixed;

を使ってやってくのがいいそうですよ。

さらに、帯のように、高さ100pxでマスクかけたい!!ってときは、
親のdiv要素にoverflow:hidden;でいけます。
[注意]
マスクかけるときは、この記事も読むといいです。

参考:
http://d.hatena.ne.jp/tt_clown/20130819/fixed_background

0 件のコメント:

コメントを投稿