html{
background: url('이미지주소') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
background:rgba(255,255,255,0.7);
④html{background: url('이미지주소') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
이미지 주소에다가 쓕 하고 넣어줘!ex) background: url('images/SplitShire-7438.jpg') no-repeat center center fixed;
⑤ 소스를 복사해서 만들어 뒀다면 그 상태로 복사를 하고 CSS 아무곳에나 붙여넣기를 해!
아무곳이라고 해도 최대한 빈공간이 알아보기 쉽고, 찾기도 쉽겠지?
저렇게 해두고 저장을 누르면 배경은 손쉽게 넣어져 있을거야. 정말 별 거 아닌데도 어렵게 느껴지지만 천천히 해보길 바래!
***
이제 우리의 최대 목표인 본문 박스 반투명으로 만들기를 해볼게
반투명으로 만들기는 사실 나도 잘 못해서 여러번 끼워 맞춰보거든?
우선 background:rgba(255,255,255,0.7); 이태그를
content head 등의 백그라운드에 대신 넣어줘야해.
내 티스토리를 기준으로 하자면
내가 밑줄 친 부분 보여? 저게 태그를 사용해 둔것인데
한마디로 0.7 , 0.0 같은 것들이 불투명도를 나타내는거야.
때문에 0.0 은 아예 배경이 없는 거고, 1은 투명하지 않은 불투명 상태라는 말이지
불투명도는 너익들이 알아서 맞춰야 하는 부분인거고
이제 배경을 반투명으로 만들어 보자면
아마 너익들의 티스토리 태그는 background:#FFF; 이런식으로 많이 있을거야. (대부분 이런 걸로 알고있어)
그 부분을 찾아서 저런식으로 바꿔야 된다는 말인데, 사실 나도 여기서부턴 제대로 알지를 못해..
혼자 야매로 언뜻언뜻 배운거라 나도 끼워 맞춰 보거든!
하지만 대부분 위 사진과 같이 body 부분과 본문 백그라운드를 많이 바꿔. 그래서 나도 설정을 하면서 미리보기로 자주자주 확인을 해.
너익들도 저런 식으로 태그를 바꿔가면서 하다보면 반투명으로 적용이 될거야!
익들에게 제대로 알려주지 못해서 정말 미안해ㅠㅠ 내가 알려줄수있는건 여기까지야..
엄청 급하게 끝나는 듯한 느낌이 없지 않아 있는데 내가 진짜 내 능력이 여기까지여서 미안해ㅠㅠㅠㅠㅠㅠㅠㅠㅠ
혹시라도 잘 안되는게 있으면 최대한 도움을 줄테니까 주저없이 댓글 달아줬으면 해!!
갑자기 찌게 된 글이라 엄청 어수선하고 정리도 안된거 같은 느낌이 팍팍 드는데, 그래도 너그럽게 봐줬으면 좋겠다'^'
너익들도 익숙해지면 위에 있는 사진 처럼 다양하게 적용이 가능해질거야.
어렵다고만 느끼지 말고 도전해보길 바래!!
슼, 댓 차이 너무 많이 나면 미안하지만 펑 할게ㅠㅠ..
하나하나 캡쳐하면서 썼단 말이얌..