CSS 문제 : 배경색이 화면보다 높습니다.

-1

웹 사이트를 만들고 있지만 백그라운드에 문제가 있습니다. {background-size : 표지;}를 사용하여 내 배경이 화면을 채우도록 만듭니다. 그러나 배경 이미지가 화면보다 크면 이미지의 일부만 볼 수 있습니다. 배경을 화면으로 조정하고 싶습니다. 아무 것도보고 싶지 않지만 가능한 한 많이보고 싶습니다. 나는 무엇을 검색해야할지 모르며 이것을 해결하기위한 답을 찾지 못한다. 나를 도울 수있는 사람이 있습니까?CSS 문제 : 배경색이 화면보다 높습니다.

즉, 여러 배경을 사용할 수 있습니다. 무작위로 하나가 선택되어 표시됩니다. 그래서 배경을 완전히 화면에 맞추고 가능한 적은 이미지를 잃고 싶습니다. 배경 크기 표지의 경우 선택한 이미지가 예를 들어 UHD 인 경우 배경은 화면에 해당하는 상단 왼쪽 픽셀 (1920x1080)입니다. 그러나 전체 화면을 거의 표시하기 위해서는 화면의 너비 또는 높이에 맞게 (작게, 적응 적으로) 표시해야합니다.

body { 
    background: url('https://profuder.com/images/backgrounds/8.jpg'); 
    background-size: cover; 
}

이 이미지는 그래서는 왼쪽 상단을 참조 큰 : 여기

은 CSS의 코드입니다.

도움 주셔서 감사합니다.

출처

2017-12-23 Bastien Soucasse

[CSS 이미지 크기, 채우기 방법, 늘리지 않음] 가능한 복제본 (https://stackoverflow.com/questions/11757537/css-image-size-how-to-fill-not-stretch) – Daniel

코드, 아무도 당신을 도울 것입니다 –

당신이 우리와 함께 자신의 코드를 공유한다면 당신을 도울 것입니다. –

내 문제가 해결되었습니다.

난 정말 왜 몰라하지만 난 임의의 배경을 찾기 위해 사용되는 자바 스크립트는 CSS 파일에서 초기

background-size: cover;

을 삭제.

그래서 난 그냥 새로운 임의의 배경을 코드의 부족에 대한 도움과 유감을위한

document.body.style.background = "url('" + randomImage + "') no-repeat 0 0";

감사를 적용하는 단지 내 코드 뒤에

document.body.style.backgroundSize = "cover";

을 추가했다.

감사합니다.
바스 티앙.

출처

2017-12-23 23:42:08

CSS 문제 : 배경색이 화면보다 높습니다.

답변

관련 문제