채택완료

css 질문입니다.

2018-08-31 (금) 09:53:22 2,432

2105555617_1535676698.534.jpg

위에처럼 배경화면이 있고

상단에 이미지 글씨

하단에 글씨 이미지가 있을때

코딩을 어떻게 해야할까요..?

이미지가 배경화면을 조금씩 넘어 있습니다.

|

답변 3개 / 댓글 1개

채택된 답변
+20 포인트
2018-08-31 (금) 14:47:47

3077114933_1535694226.2975.png position: absolute; left:0; top:-10px; margin-left:10px

3077114933_1535694294.9038.png position:absolute; right:0; margin-right:30px

이런식으로 하시면 어떨까요?

<div class="배경화면">
    <div class="박스1">
        <div class="박스1_이미지">
            <div>
                <img src="경로">
            </div>
        </div>
        <div class="박스1_텍스트">
            <div>
                텍스트
            </div>
        </div>
    </div>
    <div class="박스"2>
        <div class="박스2_텍스트">
            <div>
                텍스트
            </div>
        </div>
        <div class="박스2_이미지">
            <div>
                <img src="경로">
            <div>
        </div>

    </div>
</div>

저라면 이런식으로 배치하고 각줄의 이미지, 텍스트 박스에 with 50%씩, 그리고 박스 내부 div 위치 조절하는 방식으로 하지 않을까 싶습니다. 반응형이라면 복잡해지겠네요..

글씨빼고 다 background로 넣겠습니다.

답변에 대한 댓글 1개

2018-08-31 (금) 10:12:35
이미지들이 각각 fadeIn되어야 하거든요.

답변을 작성하려면 로그인이 필요합니다.