Question

我正在练习角度，我有一些主要图像被称为“MainImg”的页面。在CSS中，它的格式如下：

.main-section__main-image{
            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url({{ settings["MainImg"] }}) top no-repeat;
            background-size: cover;
            }

因此，在我的控制器中使用MainImg将显示具有相应设置的图像。

然而，其中一些图片太大或太宽，我想以不同的方式格式化它们。我怎么能改变背景大小只包含一些图片？该应用程序是数据驱动的，因此设置将应用于名为MainImg的所有图片。

Answer 1

需要更多关于控制器和模型外观的背景信息，但这是您可以尝试的方法。

为className添加一个字段MainImg。这将包含＆＃34; main-section__main-image＆＃34;或者它将包含＆＃34; main-section__main-image main-image__cover＆＃34;，具体取决于您是否需要为相关图像设置background-size。

在视图中使用ng-class指令从该字段中读取所需的类。

将CSS中的background-size规则移至新的.main-image__cover类，它应该有效。

angularjs：从封面改变背景大小以包含

1 个答案: