css 질문입니다.
본문
위에처럼 배경화면이 있고
상단에 이미지 글씨
하단에 글씨 이미지가 있을때
코딩을 어떻게 해야할까요..?
이미지가 배경화면을 조금씩 넘어 있습니다.
답변 3
position: absolute; left:0; top:-10px; margin-left:10px
position:absolute; right:0; margin-right:30px
이런식으로 하시면 어떨까요?
글씨빼고 다 background로 넣겠습니다.
이미지들이 각각 fadeIn되어야 하거든요.
<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 위치 조절하는 방식으로 하지 않을까 싶습니다. 반응형이라면 복잡해지겠네요..
