ウェブカツ!!97日目

webサービス部

プロフィール画面編集

後、cssの

position: absolute

の使い方をようやく掴めた気がする。

画像のプレビュー機能を作るときにlabelの中に

inputとimgの要素を収めたい場合

<label class="imgArea">
<input type="file" name="pic" class ="uploadImg">
<img class="prevImg">ドラッグ＆ドロップ
</label>

cssには

.imgArea {

position: relative;

}

.uploadImg {

position: absolute;

}

.prevImg {

postion: absolute;

}

と書く。

親子関係のある要素に使うのね。覚えた。