Html 将边界正确模拟到“a”的问题；丝带“；使用css。我如何纠正它？

在与css发生了一些争执之后，我设法用最少的IE8和其他浏览器来支持“功能区”。 现在我想添加一个边框，但我无法获得它

HTML:

将您的样式更改为

.ribbonEX07-border{
    position: inherit;
    width: 81%;
    height: 100%;
    z-index: -1;
    border-width: 15px 10px 25px 35px;
    border-top: 29px solid #f2cec2;
    border-right: 29px solid transparent;
}

将您的样式更改为

.ribbonEX07-border{
    position: inherit;
    width: 81%;
    height: 100%;
    z-index: -1;
    border-width: 15px 10px 25px 35px;
    border-top: 29px solid #f2cec2;
    border-right: 29px solid transparent;
}

将您的样式更改为

.ribbonEX07-border{
    position: inherit;
    width: 81%;
    height: 100%;
    z-index: -1;
    border-width: 15px 10px 25px 35px;
    border-top: 29px solid #f2cec2;
    border-right: 29px solid transparent;
}

将您的样式更改为

.ribbonEX07-border{
    position: inherit;
    width: 81%;
    height: 100%;
    z-index: -1;
    border-width: 15px 10px 25px 35px;
    border-top: 29px solid #f2cec2;
    border-right: 29px solid transparent;
}

---

将阴影样式从

.ribbonEX07 border

移动到

.ribbonEX07 border:after

之后，这将使其具有弹性，以便可以处理长标题

.ribbonEX07-border {
    position: absolute;
    z-index: -1;
    right: 26px;
}
.ribbonEX07-border:after{
    content: " ";
    display: inline-block;
    border-top: 29px solid #f2cec2;
    border-right: 29px solid transparent;
    width: 100%;
}

---

下面是一个工作示例：

将阴影样式从

.ribbonEX07 border

移动到

.ribbonEX07 border:after

，这将使其具有弹性，以便可以处理长标题

.ribbonEX07-border {
    position: absolute;
    z-index: -1;
    right: 26px;
}
.ribbonEX07-border:after{
    content: " ";
    display: inline-block;
    border-top: 29px solid #f2cec2;
    border-right: 29px solid transparent;
    width: 100%;
}

---

下面是一个工作示例：

将阴影样式从

.ribbonEX07 border

移动到

.ribbonEX07 border:after

，这将使其具有弹性，以便可以处理长标题

.ribbonEX07-border {
    position: absolute;
    z-index: -1;
    right: 26px;
}
.ribbonEX07-border:after{
    content: " ";
    display: inline-block;
    border-top: 29px solid #f2cec2;
    border-right: 29px solid transparent;
    width: 100%;
}

---

下面是一个工作示例：

将阴影样式从

.ribbonEX07 border

移动到

.ribbonEX07 border:after

，这将使其具有弹性，以便可以处理长标题

.ribbonEX07-border {
    position: absolute;
    z-index: -1;
    right: 26px;
}
.ribbonEX07-border:after{
    content: " ";
    display: inline-block;
    border-top: 29px solid #f2cec2;
    border-right: 29px solid transparent;
    width: 100%;
}

---

这里有一个有效的例子：

谢谢，但它不起作用。不是解决方案，因为如果文本增长，边缘将消失。宽度应始终为100%。谢谢，但它不起作用。不是解决方案，因为如果文本增长，边缘将消失。宽度应始终为100%。谢谢，但它不起作用。不是解决方案，因为如果文本增长，边缘将消失。宽度应始终为100%。谢谢，但它不起作用。不是解决方案，因为如果文本增长，边缘将消失。宽度应始终为100%。