data/tip
[css] background에 배경 이미지 넣기
2015. 10. 25.
01. 메뉴나 스킨 내부에 배경 이미지 넣기
  • 메뉴나 스킨 내부에 색상 대신 이미지를 넣고 싶을 때
  • 이 태그를 사용해주세요.

background: url(이미지주소) repeat;

background: url(이미지주소) no-repeat;


ex)

#content {background: url(./images/bg.png) no-repeat;}




02. 블로그 배경 이미지 넣기

<★style>

body {background-image: url(이미지주소);

      background-repeat: no-repeat;

      background-attachment: fixed;

      background-size: cover;

      background-position: right bottom;}

table, td {background-color: transparent;} 

</★style>


* 별표(★) 삭제하고 사용하세요.

* size 에서 cover 효과는 창크기게 맞게 사진이 출력됨.

  • hz_sub1 2016.02.23 19:18 신고

    ㅠㅠㅠ이걸로 배경에는 사진넣고 콘텐츠?는 하얀배경 하고싶은데 배경을설정하면 게시물이배경이 투명해지고 게시물배경을 흰색으로 설정하니까 배경까지 같이 하얘지네요 ㅠㅠ

    • 이툰 2016.02.23 20:57 신고

      컨텐츠 부분을 하얗게 하시고 싶으시면
      css의 [전체구성] 부분에서
      content 부분에 background:#fff; <- 이걸 추가해주시면 돼요.
      배경에 대한 태그가 없기 때문에 뒷 배경사진이 보이는 거예요~*