问答

background 的 position 和 size 未正确解析

作者:admin 2021-07-14 我要评论

有如下 background css: background: url(image.jpg) left 0px top -9px / 7px 20px no-repeat; 根据文档所述: The bg-size value may only be included immed...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

有如下 background css:
background: url(image.jpg) left 0px top -9px / 7px 20px no-repeat;

根据文档所述:

The <bg-size> value may only be included immediately after <position>,?separated with the '/' character, like this: "center/80%".

可是,据我测试,只支持百分比的写法:
background: left 5% / 15% 60% repeat-x url(image.jpg);

像最开始那种用像素为单位的,最后得到的却是 -9px 除以 7px 后的值:

url(iamge.jpg) left 0px top -1.28571429px 20px no-repeat

请问大家要怎么办?


这个问题出现的原因是我用了 less,当前版本的 less 的默认 math 选项是:always,表示所有加减乘除都会编译。就是因为这个默认配置导致了出现这个问题。
将来 less 的默认 math 选项会改成:parens-division,这样就不会编译普通的 / 号了。

###

我把你下面的样式:
left 5% / 15% 60%
转换成:
left 5px / 15px 60%
并没有出现问题,2个图片的样子是一样的
你是不是安装了什么插件?或者预编译语言的问题 ... 可以试试找个html页面手动

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • background 的 position 和 size 未正

    background 的 position 和 size 未正

  • 对于一个缺乏相关经验的企业,如果希望

    对于一个缺乏相关经验的企业,如果希望

  • js数组对象的处理

    js数组对象的处理

  • 如何写ip-ip这样的正则表达式

    如何写ip-ip这样的正则表达式

腾讯云代理商
海外云服务器