전체 웹사이트 배경이미지 (CSS) 때문에 고생 방지하는 팁..... 정보
전체 웹사이트 배경이미지 (CSS) 때문에 고생 방지하는 팁.....
관련링크
본문
모..너무 간단해서 팁이라고도 할수 없는데..
그녕 제 경험 공유합니다.
웹사이트에 전체 배경이미지를 넣으려고 할때 copyright이나 여러가지 문제가 있을때 전 이렇게 합니다.
메인으로 theme/basic 을 사용하신다면
theme/basic/css/default.css에
/*#wrapper {}*/ 을
#wrapper {
background-image: url(https://picsum.photos/1024);
background-color: rgba(255, 255, 255, 0.486);
background-blend-mode: overlay;
background-size: cover
}
이렇게 변경합니다.
copyright 없는 무료 이미지로 매번 다른 이미지로 로딩되는데 내용 가리지도 않고 매번 바뀌어서 지루하지도 않습니다.
링크 들어오셔서 함 보세요...
추천
5
5
댓글 3개

감사합니다 ^^

좋은 팁 입니다.

또다른 스타일입니다.
전체 배경이미지라 칼라로 하면 부담스러울때도 있을 거 같아서...
아래처럼 하시면 흐릿한 흑백 전체이미지로 됩니다.
#wrapper
{
background-image: url("https://picsum.photos/2000?grayscale&blur=4");
background-blend-mode: overlay;
background-size: cover
}