具有完整背景图像的CSS语音气泡

我知道简单地在元素的底部添加一个小三角形很容易，但我希望背景图像延伸到三角形中。我怎样才能做到这一点呢？

在这里，我昨天刚刚回答了这样的问题：

但对于底部的三角形，您可以这样做：

.image {
    position:relative;
    height:200px;
    width:340px;
    background:orange;
}
.image:before, .image:after {
    content:'';
    position:absolute;
    height:0;
    border-bottom:20px solid white;
    bottom:0;
}
.image:before {
    left:0;
    width:20px;
    border-right:16px solid transparent;
}
.image:after {
    left:36px;
    right:0;
    border-left:16px solid transparent;
}

和

---

对于更喜欢的东西，您也可以使用和剪辑路径。

这里我昨天刚刚回答了这样的问题：

但对于底部的三角形，您可以这样做：

.image {
    position:relative;
    height:200px;
    width:340px;
    background:orange;
}
.image:before, .image:after {
    content:'';
    position:absolute;
    height:0;
    border-bottom:20px solid white;
    bottom:0;
}
.image:before {
    left:0;
    width:20px;
    border-right:16px solid transparent;
}
.image:after {
    left:36px;
    right:0;
    border-left:16px solid transparent;
}

和

---

对于喜欢的人，你也可以使用和剪辑路径。

他知道如何制作语音气泡和添加三角形，但他也希望箭头具有用于语音的背景图像buuble@Mr.Alien通过添加圆角和一个额外的元素或伪元素来形成三角形，可以使元素看起来像语音泡泡，但我需要气泡的背景图像延伸到三角形中。@Bobe代码/演示在哪里？如果你在通过纯css无图像进行语音气泡后，这是一个相关的问题，他知道如何制作语音气泡并添加三角形，但他也希望箭头有用于讲话的背景图像buuble@Mr.Alien通过添加圆角和一个额外的元素或伪元素来形成三角形，可以使元素看起来像语音泡泡，但是我需要气泡的背景图像延伸到三角形中。@Bobe代码/演示在哪里？如果你在通过纯css无图像进行语音气泡，这是一个相关的问题