You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Sass背景百分比定位问题:如何阻止其自动计算background-position?

如何阻止Sass对特定background-position声明执行计算?

我来帮你处理这个问题——首先,针对Sass会自动计算你给出的background声明里110%/115%部分的情况,你可以用几个临时的绕过方法先解决眼前的问题:

  • 使用Sass插值语法包裹易被计算的片段:

    background: #000 url('/foo.png') no-repeat fixed center #{'110%/115%'};
    

    把110%/115%用#{}包裹后,Sass会将其视为纯字符串直接输出,不会尝试执行除法运算。

  • 或者用unquote()函数直接输出整个声明:

    background: unquote("#000 url('/foo.png') no-repeat fixed center 110%/115%");
    

    这个方法会让Sass完全跳过对该声明的解析逻辑,直接原样生成对应的CSS代码。

不过需要明确的是:

你发现的这个Bug本质上是SquareSpace服务器端预编译CSS的流程问题——他们的Sass编译配置存在异常,才会错误地对这个background属性里的百分比组合执行计算。这类平台侧的底层问题,只能由SquareSpace官方团队修复,你可以通过他们的官方支持渠道反馈这个问题,等待他们更新编译逻辑。

内容的提问来源于stack exchange,提问作者Ryan Prentiss

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.26 10:44:07