CSS背景图像

我都

我用的是Ionic2。我正试图显示一个右下角有图像的消息框。从下面的屏幕截图中可以看到，浅绿色的图像一在消息框外就被隐藏并切断

问题:

如何显示完整的图像

这就好像离子列表允许显示消息框，但不允许显示消息框之外的任何内容

更多信息：

图像为：/assets/message-me.png

.信息页面内容{ >滚动内容{ 填充：0； } .留言{ 身高：100%； 背景色：E0DAD6； 背景重复：无重复； 背景尺寸：封面； } .邮件包装器{ 边缘底部：9px； &：：之后{ 内容：； 显示：表格； 明确：两者皆有； } } .留言{ 显示：内联块； 位置：相对位置； 最大宽度：236像素； 边界半径：7px； 盒影：0 1px2pRGBA0,0,0,15； &.给我留言{ 浮动：对； 背景色：白色； &：：之前{ 右：-11px； 背景图片：url/assets/message-me.png； } } &.给你留言{ 浮动：左； 背景颜色：蓝色； &：：之前{ 左：-11px； 背景图片：url/assets/message-you.png； } } &.message您：：之前， &.留言给我：：之前{ 内容：； 位置：绝对位置； 底部：3px； 宽度：12px； 高度：19px； 背景位置：50%50%； 背景重复：无重复； 背景尺寸：包含； } .信息内容{ 填充物：5px7px； 单词包装：打断单词； &：：之后{ 内容：\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0； 显示：内联； } } .消息时间戳{ 位置：绝对位置； 底部：2px； 右：17px； 字体大小：11px； 颜色：灰色； } } } {{item.message_text} {{item.timestamp}amDateFormat:'DD-MMM-YYYY h:mm-a'}

---

只需更改CSS中离子标签的CSS，正如您在问题中所说：

在CSS文件中，搜索离子标签，当找到显示的块时，更改代码行overflow:hidden；溢出：可见；，因此，它如下所示：

ion-label {
    display: block;
    overflow: visible;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    font-size: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

或者，如果无法编辑CSS文件，请直接或作为单独的文件添加此CSS：

ion-label {
    overflow: visible;
}