Base64背景图片在多行？ [英] Base64 background image in multiple lines?

问题描述

是否可以将 base64 背景图片放在多行而不是一行长行中？

  body {
 background-color：#FFFFFF; 
背景图像：网址（数据：图像/ PNG; BASE64，iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVBhXY / iABP4jAQYqSiCbi2wsA / UkAIeAuaFCb0TzAAAAAElFTkSuQmCC）; 
 background-repeat：repeat; 
 height：100％; 
} 
  

解决方案

  body {
 background-color： #FFFFFF; 
背景图像：网址（数据：图像/ PNG; BASE64，iVBORw0KGgoAAAANSUhEUg\ 
 AAAAgAAAAICAIAAABLbSncAAAAAXNSR0IArs4c6QAAAARnQ\ 
 U1BAACxjwv8YQUAAAAJcEhZcwAADs\ 
 MAAA7DAcdvqGQAAAAZSURBVBhXY / iABP4j\ 
 AQYqSiCbi2wsA / UkAIeAuaFCb0TzAAAAAElFTkSuQmCC'）; 
 background-repeat：repeat; 
 height：100％; 
} 
  

Is it possible to put base64 background image in multiple lines instead of one long line? If so, how?

My current body CSS is:

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

解决方案

Put your code between quotes and put a backslash before breaking to new line.

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

这篇关于Base64背景图片在多行？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！