Base64 배경 이미지가 여러 줄로 표시됩니까?

base64 하나의 긴 줄 대신 여러 줄로 배경 이미지를 넣을 수 있습니까? 그렇다면 어떻게?Base64 배경 이미지가 여러 줄로 표시됩니까?

나의 현재 몸 CSS는 다음과 같습니다

body { 
    background-color: #FFFFFF; 
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVBhXY/iABP4jAQYqSiCbi2wsA/UkAIeAuaFCb0TzAAAAAElFTkSuQmCC); 
    background-repeat: repeat; 
    height: 100%; 
}

출처

2012-07-09 Ωmega

별도의 줄로 base64 데이터를 분해하지 않으시겠습니까? 묶는 따옴표 나 따옴표가 없으므로 \ n 어딘가에 삽입하십시오. – Cyrille

@Cyrille -'\ n' (줄 바꿈 구분 기호)만으로는 충분하지 않으므로 - 아래 응답을 참조하십시오. –

아무데도 읽지 않으셨습니까?) 솔루션을 찾은 것을 기쁘게 생각합니다. – Cyrille

따옴표 사이에 코드를 넣어 새로운 라인에 위반 앞에 백 슬래시를 넣어.

body { 
    background-color: #FFFFFF; 
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUg\ 
    AAAAgAAAAICAIAAABLbSncAAAAAXNSR0IArs4c6QAAAARnQ\ 
    U1BAACxjwv8YQUAAAAJcEhZcwAADs\ 
    MAAA7DAcdvqGQAAAAZSURBVBhXY/iABP4j\ 
    AQYqSiCbi2wsA/UkAIeAuaFCb0TzAAAAAElFTkSuQmCC'); 
    background-repeat: repeat; 
    height: 100%; 
}

출처

2012-07-09 15:32:05

신속한 답을 보내 주셔서 감사합니다. –

@ Ωmega 환영합니다. –

이렇게하면 Firefox의 CSS 규칙 검사기가 중단됩니다. 페이지가 정상적으로 렌더링 되더라도 개발자 도구는 Firefox 57에서 작동하지 않습니다. –

Base64 배경 이미지가 여러 줄로 표시됩니까?

답변

관련 문제