Obraz tła Base64 w wielu liniach?

Czy można umieścić obraz tła w wielu liniach zamiast jednej długiej? Jeśli tak to jak?Obraz tła Base64 w wielu liniach?

Mój obecny CSS ciało jest:

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

Źródło

2012-07-09 Ωmega

Po prostu spróbuj złamać dane base64 w osobnych liniach? Nie masz żadnych cytatów ani żadnych innych, więc po prostu spróbuj wstawić gdzieś \ n. – Cyrille

@Cyrille - Ponieważ '\ n' (nowy separator linii) po prostu nie wystarcza - patrz odpowiedź poniżej. –

Nie przeczytałem nigdzie tego, co próbowałeś;) Cieszę się, że znalazłeś rozwiązanie. – Cyrille

umieścić kod między cytatami i wprowadzić odwrotny ukośnik przed przerwaniem do nowej linii.

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

Źródło

2012-07-09 15:32:05

Dziękuję za szybką odpowiedź. –

@ Ωmega Nie ma za co. –

Powoduje to przerwanie inspekcji reguł CSS przeglądarki Firefox. Mimo że strona renderuje się normalnie, narzędzia programistyczne są uszkodzone w przeglądarce Firefox 57. –

Obraz tła Base64 w wielu liniach?

Odpowiedz

Powiązane problemy