相关疑难解决方法(0)

我有以下代码:

@color : #d14836;

.stripes span {
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
    background-image: -webkit-gradient(linear, left top, right bottom,
        color-stop(.25, rgba(209, 72, 54, 1)), color-stop(.25, transparent),
        color-stop(.5, transparent), color-stop(.5, rgba(209, 72, 54, 1)),
        color-stop(.75, rgba(209, 72, 54, 1)), color-stop(.75, transparent),
        to(transparent));

我需要转换@color为rgba(209, 72, 54, 1).

所以我需要rgba(209, 72, 54, 1)在我的代码中用Less函数替换,该函数rgba()从我的@color变量生成值.

我怎么能用Less做这件事？

我有一个不透明度为0.8 的容器.在后台,我有一个通过内容div闪耀的图像.现在,我在这个容器中有我客户的照片.问题是,它使用父元素的不透明度,因为此图像的不透明度仅相对于容器而不是主体.

我有这个代码:

<div id="contentContainer" style="background: #FFFFFF; opacity: 0.8">
    Content ...
    <img src="..." style="opacity: 1.0" alt="Photo" />
</div>

这不起作用,如下所述.

有人有想法吗？

基本上，我有一个div背景设置为图像opacity和0.5. 在 内部div，我试图将其放置img为与圆圈相同的位置。然而，它也得到了 0.5 opacity。

有什么好方法可以确保这种情况不会发生？

<div class="bg-img" ng-style="{'background':'url({{vm.large}}) center / cover'}">
    <img ng-src="{{vm.large}}">
</div>

.bg-img {
    height: 140px;
    position: relative;
    opacity: 0.6;
}

.bg-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
}

这是我的box课程

.rectangle-box {
    width: 200px;
    height: 30px;
    background: #808080;
    opacity: 0.3;
    float: right;
}

.rectangle-red {
    width: 65px;
    height: 30px;
    background: #ff4742;
    opacity: 1;
    float: left;
}

在HTML中:

<div class="rectangle-box">
    <div class="rectangle-red"></div>
</div>

演示:https://jsfiddle.net/uq6ectfc/1/

我需要rectangle-red有混浊1及rectangle-box的0.3.但它坚持父母的不透明.

我该如何解决？