时间戳

首页 > 解决方案 > 无法在语义 UI 中操作背景高度

css - 无法在语义 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%;
    }

标签： cssuser-interfacebackground-imagesemantic-ui

解决方案

我找到了。有一个原生的 min-height: 属性超出了我改变的尝试。简单地放入

min-height: 500px !important;

它奏效了。

推荐阅读