グラデーションの付け方
定義
|
1 2 3 4 5 6 |
/* Firefox */ background: -moz-linear-gradient(開始位置, 色 位置, 色 位置, ･･･); /* Chrom と Safari */ background: -webkit-gradient(linear, 開始位置, 終了位置, from(開始位置の色), to(終了位置の色)); /* 共通 */ background: linear-gradient(開始位置, 色 位置, 色 位置, ･･･); |
例
|
1 2 3 4 5 6 |
/* Firefox */ background: -moz-linear-gradient(top center, #fff 0%, #999 100%); /* Chrom と Safari */ background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#999)); /* 共通 */ background: linear-gradient(top center, #fff 0%, #999 100%); |
position: absolute; を上左添えにする
position: absolute; の指定で要素が上下左右中央配置になる理由はmargin:auto;だから、
これをmargin: 0;っとすればOK。