首页 > 解决方案 > npm boostrap 版本(4.1.0)不会将所有 css 属性添加到 css 'background' 标签

问题描述

我有一个使用 angular-cli 和 boostrap 版本的 Angular 5.2.10 项目:具有以下 css 类的 4.0.0-beta.2 版本:

.en-icon-24 {
  background: url(../../../../assets/img/icons.png) -370px 0px;      
  width: 24px;
  height: 24px;
}

在浏览器中一切正常:

在此处输入图像描述

问题:如果我将我的 npm 版本的 boostrap 从 4.0.0-beta.2 升级到 4.1.0,那么在浏览器中会发生以下情况:

在此处输入图像描述

当然,当这种情况发生时,图像不再正确定位(-370px 和 0 缺失)

有什么建议么?

标签: cssangularnpm

解决方案


像这样使用您的代码

.en-icon-24 {
  background: url('/assets/img/icons.png') -370px 0px;      
  width: 24px;
  height: 24px;
}

推荐阅读