无法在语义UI中操纵背景高度

问题描述

我正在使用语义UI中的模板。这个：https://semantic-ui.com/examples/homepage.html。本质上，我正在尝试更改背景的高度以匹配我的图像的高度。现在，我的图像（背景图像中的一个）出现了，但是背景（我变红只是为了更好看），然后它更大了，所以我的背景图像和内容的开头之间有这个空白。

我似乎能够操纵背景的唯一方法是颜色。任何其他时候我要更改其大小（我已经尝试了很多次），它似乎都只能更改图像的大小。不是红色背景。

也许我不了解两者之间的关系？关于如何更改背景高度以匹配背景图像的任何提示？

感谢您的帮助。

下面的CSS：

   .ui.inverted.vertical.center.aligned.segment {
        background: red; 
        background-image: url('./images/backgroundLogo.png');
        background-repeat: no-repeat;
        /* background-size: 100%; */
        background-size: 100% 507px;;
        width:100%;
    }

解决方法

我找到了。有一个本地的min-height：属性已超出我尝试更改的范围。只需放入

min-height: 500px !important;

成功了。