2012-07-09 10 views
7

base64バックグラウンドイメージを複数行で1行にするのではなく、もしそうなら、どうですか?Base64の背景イメージは複数の行にありますか?

私の現在の体のCSSは次のとおりです。

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

別の行でbase64データを破棄してみませんか?囲み引用符はありませんので、どこかに\ nを挿入してみてください。 – Cyrille

+0

@Cyrille - '\ n'(新しい行区切り文字)は不十分であるため、以下を参照してください。 –

+0

あなたがそれを試していたところは読まなかった;)あなたが解決策を見つけてうれしい。 – Cyrille

答えて

18

は引用符の間にあなたのコードを入れて、新しい行に壊す前にバックスラッシュを置きます。

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

すぐにお返事ありがとうございます。 –

+0

@Ωmegaようこそ。 –

+0

これは、FirefoxのCSSルールインスペクタを中断させます。ページが正常にレンダリングされても、Firefox 57では開発ツールが壊れています。 –

関連する問題