Html 应用于锚定标记IE 11的相同类生成两个不同的背景图像

我将相同的类应用于两个不同的元素，为background属性生成的内容是不同的

我的结局是 按钮1-rgba（0,0,0,0）线性渐变（rgb（0,81,0）0%，rgb（36,138,30）100%）重复滚动0%0%/自动填充框边框框

按钮2-rgba（0,0,0,0）线性渐变（rgb（36,138,30）0%，rgb（0,81,0）100%）重复滚动0%0%/自动填充框边框框

我不明白为什么使用同一个类生成两个不同的值

这是类的后台属性的外观： 背景：线性梯度（至底部，#248a1e 0%，#005100 100%）

因此，我最终得到了一个按钮，它以我期望的方式呈现，而另一个按钮看起来就像这篇文章中的按钮

---

.

您对同一按钮使用了两个类。最后一个css将被渲染。因此，“contact button”中的样式被类“green button”的样式覆盖。使用！这对于不重写这样的属性很重要

    .green-button {
                text-align: center;
                color: #fff;
                border: 1px solid #016d01;
                font-size: 14px;
                font-weight: bold;
                padding: 8px 14px 8px 14px;
                background: #52b152;
                background: linear-gradient(to bottom, #248a1e 0%,#005100 100%) !important;
                border-radius: 4px;
            }

---

我试图消除一些东西来追踪这件事。一直以来，这似乎很奇怪。当我消除一些东西时，我最终从左边的排水沟中取出了形状元素，效果消失了。我把所有的表单元素放回去，只取出了textarea，这就是问题的原因。我把textarea放回去，然后把类拿出来，是应用到textarea的类导致了问题。最后，我将其缩小到导致该问题的类的font-size属性。最后我把所有东西都放回原处，改变了我的缩放级别，问题就消失了。结果是，只有一个缩放级别导致按钮显示出现故障。肯定存在一些浏览器显示错误，因此我将签入我的更改并继续。

如果我们可以获得一个链接，指向发生这种情况的页面，或者一个复制它的JSFIDLE（甚至只是实际的html和css）。通常问题不是你所想的，除非有其他原因，否则应用同一个类不会产生不同的结果。你能发布你所有的css和支持HTML吗？如果没有它，很难明确地知道会发生什么。如果我去掉所有的样式，只在两个锚上留下绿色按钮，我仍然得到相同的效果。可能是IE的问题是缓存没有被正确地清除和重新加载。请手动清除缓存，然后重试。我在所有浏览器中都试过了，对我来说效果很好。