IE 8中的SharePoint 2013背景色無法渲染

Question

我正在開發一個SP13站點。 IE8不會渲染標題欄的背景色。 它可以在9、10和其他瀏覽器中正常工作。 還有其他人遇到過這個問題嗎？

CSS

 .title
 {
   background-color: rgb(154, 153, 152);
 }

HTML

 <div class="title">
   <div class="logo"></div>
   <div class="search"></div>
 </div>

在開發人員工具中，我可以看到樣式已應用於元素，但顯然無法渲染。 背景顏色呈現為白色。

Answer 1

顯然，IE在檢測到IE8時會添加此類。

.ms-core-needIEFilter
{
   display: block;
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d8ffffff,endColorstr=#d8ffffff);
   background-color: transparent;
}

這將導致背景顏色被覆蓋。 如果對樣式應用!important ，則filter屬性會使背景顏色失真。 您必須在課堂上覆蓋所有這些內容。

解

 .your-class
 {
   filter: !important;
   background-color: #0000 !important;
 }

Answer 2

使用background ：而不是background-color ：

 .title
 {
   background: rgb(154, 153, 152);
 }

來源： http ： //css-tricks.com/ie-background-rgb-bug/