Question

是否可以制作3幅图像和渐变背景？

我想制作一个背景，其中一个图像将在整个网站上重复，并且将在其上添加渐变。然后第二个图像将显示在右侧中央，第三个图像将显示在左侧中心。请给我一个使用示例。编辑：现在我有了

public ITargetBlock<SomeMessage> BuildMyFragment() { var input=new TransformationBlock<SomeMessage,SomeOther>(MyFunction); var step2=new TransformationBlock<SomeOther,SomeFinal>(MyFunction2); var finalBlock=new ActionBlock<SomeFinal>(MyMethod); var linkOptions = new DataflowLinkOptions {PropagateCompletion = true} input.LinkTo(step2,linkOptions); step2.LinkTo(finalBlock,linkOptions); return new EncapsulatingTarget(input,finalBlock); }

Answer 1

您可以在询问之前在Google上搜索信息，但这是您的答案：

.multi_bg_example {
    width: 100%;
    height: 500px;
  background-image   : url(/exp.png),
                       url(/exp2.png),
                       linear-gradient(to right, rgba(30, 75, 115, 1),  rgba(255, 255, 255, 0));

  background-repeat  : no-repeat,
                       no-repeat,
                       no-repeat;

  background-position: bottom right,
                       left,
                       right;
}

http://jsfiddle.net/d1ceayxv/ 更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds

如何使用图像（多个）和渐变来制作背景

1 个答案: