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

问题描述：

我正在将相同的类应用于两个不同的元素，并且为背景属性生成的内容是不同的。（0,01,0,0）0％，rgb（36,138,30）100％）重复1ggba（0,0,0,0）线性梯度（rgb（0,81,0）0％，rgb（36,138,30）100％），滚动0％0％/自动填充框边框适用于锚点标记IE 11的相同类生成两个不同的背景图像

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

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

这是该类的背景属性的样子：背景：线性梯度（至底部，＃248a1e 0％，＃005100 100％）;

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

如果我们可以得到一个链接到发生这种情况的页面，或者它是复制的jsfiddle（甚至只是实际的html和css）。通常情况下，这个问题不是你的想法，除非有其他事情发生，否则应用同一个班级将不会产生不同的结果。 – Don

你可以发布你所有的CSS并支持HTML吗？如果没有它，可能会发生什么具体事情很难。 – dbrree

https://jsfiddle.net/9k6r4okr/ –

答

您对同一个按钮使用两个类。最后一个css将被渲染。所以“接触按钮”的样式会覆盖类“绿色按钮”的样式。使用！重要的是没有重写的属性像这样。

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

如果我脱掉所有的样式，并在两个锚上留下绿色按钮，我仍然会得到相同的效果。 –

可能是IE的问题是缓存未被正确清除并重新加载。手动清除缓存并重试。我试过在所有浏览器中都能正常工作。 – Prabhakaran

答

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

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

相关推荐