1

http://www.patternify.comを使用して背景画像のcssコードを生成し、backgrounds.lessという.lessファイルに追加しました。ファイルを保存してコンパイラーで実行すると、解析エラーが発生します。これらのエラーを解決できないようです。

各背景を変数として定義し、@import"backgrounds.less"を使用してファイルをメインのstyles.lessスタイルシートにインポートしています。

私が得る正確なエラーは次のとおりです。

ParseError：/Volumes/Clients/htdocs/gobet2/less/backgrounds.less:1:145 1 @headerbg {background：url（data：image / png; base64、iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW / AAAAIElEQVQIHWP8DwQ ;} [0m

（このアクションは、backgrounds.lessへの変更によってトリガーされました）

コードは以下のとおりです。

@headerbg {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIElEQVQIHWP8DwQMQHD6yVcGBhDn1OMvIOo/A4wB4gAACZQd0vY42rMAAAAASUVORK5CYII=) repeat;}
@navbg {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIUlEQVQIHWN8+fL5fwYgeP/uEQMTjCEoJMfABBIBMUAAADLvDH2vTm1NAAAAAElFTkSuQmCC) repeat;}
@subnavbg {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIElEQVQIHWP8DwQMQHD3zgUGBhDnzu3zIOo/A4wB4gAAA+UdgeoweSoAAAAASUVORK5CYII=) repeat;}
@footerbg {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIElEQVQIHWP8DwQMQPDs2TMGBhDn6dOnIOo/A4wB4gAADVod/MNEi1EAAAAASUVORK5CYII=) repeat;}
@basebg {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIHWN8+/b5fwYgYAIRIAAAOj4DxOCeCacAAAAASUVORK5CYII=) repeat;}

任意のヘルプや解決策をいただければ幸いです。

ありがとう。

4

1 に答える 1

0

変数には値を含めることができます (任意の規則ではありません)。だからあなたは定義することができます

@headerbg: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIElEQVQIHWP8DwQMQHD6yVcGBhDn1OMvIOo/A4wB4gAACZQd0vY42rMAAAAASUVORK5CYII=) repeat;

（変数名の後に注意してください:）そして後で使用します

#header {
  background: @headerbg;
}
于 2012-10-19T13:16:57.887 に答える