適用於錨點標記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。

來源

2017-07-25 Chris Atwood

如果我們可以得到一個鏈接到發生這種情況的頁面，或者它是複製的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; 
      }

來源

2017-07-25 14:50:19 Prabhakaran

如果我脫掉所有的樣式，並在兩個錨上留下綠色按鈕，我仍然會得到相同的效果。 –

可能是IE的問題是緩存未被正確清除並重新加載。手動清除緩存並重試。我試過在所有瀏覽器中都能正常工作。 – Prabhakaran

我試着消除事情來追蹤這個。整個過程看起來很奇怪。當我消除事物並且效果消失時，我最終從左邊的排水溝中取出了表單元素。我把所有的表單元素都放回去，只拿出textarea，這就是導致問題的原因。我把textarea放回去，並把課程拿出來，這是導致問題出現在textarea上的課程。我最終把它縮小到導致故障的類的font-size屬性。我結束了所有的事情，並改變了我的縮放級別，問題消失了。結果是隻有一個縮放級別導致按鈕顯示中出現毛刺。肯定會出現一些瀏覽器顯示錯誤，因此我將檢查我的更改並繼續前進。

來源

2017-07-26 14:57:41

適用於錨點標記IE 11的相同類生成兩個不同的背景圖像

回答

相關問題