如何在图像上放置白色块和文本

Question

我需要将此白色部分放在图像上。我无法在此处添加对角线形状，这是主要问题

Answer 1

您可以在div上使用CSS之前的：before选项。

使白色SVG带有对角线。之后，在背景中写出此SVG的CSS宽度，并放置不透明度.5或.25。

示例：

#divText{
    position: relative;
    &:before{
        position: absolute;
        top: 0;
        left: 0;
        background: url('path/yoursvg.svg');
        width: 100%;
        height: 100%;
        opacity: .5; /* Or .25 */
    }
}

这样，它应该可以工作。 ;）