Question

我将相同的类应用于两个不同的元素，并且为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％/ auto padding-box border-box

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

这是该类的背景属性：背景：线性渐变（到底部，＃248a1e 0％，＃005100 100％）;

所以我最终得到一个按钮，呈现我期望的方式，另一个按钮看起来像这个帖子上的那个 Crossbrowser css gradient in IE10, IE11

Answer 1

您正在使用两个类来使用相同的按钮。最后一个css将被渲染。所以“联系按钮”的风格被覆盖了“绿色按钮”类的风格。对于没有被覆盖的属性，请使用！important。

    .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;
            }

Answer 2

我试图消除事情来追踪这一点。整个时间这看起来很奇怪。当我消除东西时，我最终从左侧排水沟中取出了表格元素，效果消失了。我把所有的表单元素都放回去，只取出了textarea，这就是导致问题的原因。我把textarea放回去并把课程拿出来，这是应用于textarea的类导致了这个问题。我最终将它缩小到引起故障的类的font-size属性。我最终把一切都放回去并改变了我的缩放级别，问题就消失了。结果是只有一个缩放级别导致按钮显示中的毛刺。肯定会出现一些浏览器显示错误，因此我将检查我的更改并继续。

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

2 个答案: