컴

css position Overlapping Elements(겹치는 요소들)

· 2017-04-04 (화) 21:32:41 · 2421

Overlapping Elements(겹치는 요소들)

 

 

요소가 배치되면 다른 요소와 겹칠 수 있습니다.

 

이 z-index속성은 요소의 스택 순서를 지정합니다.이 요소는 다른 요소의 앞에 또는 뒤에 있어야합니다.

 

요소는 양수 또는 음수 스택 순서를 가질 수 있습니다.

 

67173ad6d54b54e261487cb56d6156e9_1491309146_4504.png
 

 

img {

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: -1;

}

 

 

 

<!DOCTYPE html>

<html>

<head>

<style>

img {

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: -1;

}

</style>

</head>

<body>

 

<h1>This is a heading</h1>

<img src="w3css.gif" width="100" height="140">

<p>Because the image has a z-index of -1, it will be placed behind the text.</p>

 

</body>

</html>

67173ad6d54b54e261487cb56d6156e9_1491309158_0767.png

|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 17-07-18 조회 2,428
CSS 17-07-18 조회 2,501
CSS 17-06-13 조회 3,979
CSS 17-06-13 조회 3,336
CSS 17-06-13 조회 2,570
CSS 17-06-08 조회 2,056
CSS 17-06-08 조회 2,495
CSS 17-06-08 조회 1,986
CSS 17-06-06 조회 5,687
CSS 17-06-05 조회 3,639
CSS 17-06-05 조회 3,450
CSS 17-06-05 조회 2,528
HTML 17-06-02 조회 3,495
HTML 17-05-26 조회 3,935
CSS 17-05-05 조회 2,832
CSS 17-05-05 조회 2,315
CSS 17-05-05 조회 2,087
CSS 17-05-04 조회 3,074
CSS 17-05-04 조회 2,965
CSS 17-05-04 조회 3,469
CSS 17-04-10 조회 2,162
CSS 17-04-10 조회 1,848
CSS 17-04-10 조회 2,614
CSS 17-04-05 조회 2,263
CSS 17-04-05 조회 2,540
CSS 17-04-05 조회 2,536
CSS 17-04-04 조회 2,422
CSS 17-04-04 조회 2,586
CSS 17-04-04 조회 2,681
CSS 17-03-13 조회 3,250