IE刪除CSS類

My Site Here在右側導航欄中有一個Twitter列，但我已經改變了使用「.twtr-tweet」的類，可以在其他瀏覽器中正常工作的白色氣泡bg，例如Chrome ，但不是IE（在IE9中測試）。IE刪除CSS類

如果有人可以用一個檢查看看，並與CSS檢查幫助診斷這將會是真正偉大的，因爲它的生活和尋找真正的壞：

/* Twitter */ 
#twtr-widget-1 .twtr-new-results, #twtr-widget-1 .twtr-results-inner, #twtr-widget-1 .twtr-timeline {background:transparent !important;} 

.twtr-tweet { 
    background-color: #Ffffff !important; 
    border-radius: 5px; 
    box-shadow: 0 0 6px #777777; 
    display: inline-block; 
    padding: 10px 18px; 
    position: relative; 
    vertical-align: top;float: left; !important; 
    width:60%;} 

.twtr-tweet::before { 
    background-color: #Ffffff; 
    content: "\00a0"; 
    display: block; 
    height: 16px; 
    position: absolute; 
    top: 11px; 
    transform:    rotate(29deg) skew(-35deg); 
     -moz-transform: rotate(29deg) skew(-35deg); 
     -ms-transform:  rotate(29deg) skew(-35deg); 
     -o-transform:  rotate(29deg) skew(-35deg); 
     -webkit-transform: rotate(29deg) skew(-35deg); 
    width: 20px; 
}

的.twtr鳴叫不在IE中正確註冊..

非常感謝，希望有人能幫助！

來源

2012-08-25 321

你測試什麼版本的IE？爲什麼很多人在寫問題時沒有想到詳細說明？ – Spudley

太好了，謝謝。（不要擔心 - 這不僅僅是你;大量的人錯過了重要的細節，尤其是涉及到IE時，它會產生很大的變化） – Spudley

您是否嘗試過這樣做的：

#twtr-widget-1 .twtr-tweet { 
    background-color: #FFFFFF !important; 
}

來源

2012-08-25 19:05:56 PeteGO

那是因爲你index.html中有

#twtr-widget-1 .twtr-tweet{ 
    background:none transparent scroll repeat 0% 0%; 
}

。

它似乎在IE上它會覆蓋

.twtr-tweet { 
    background-color: #FFFFFF !important; 
}

在Structure.css

（線129）

來源

2012-08-25 15:48:42 Oriol

我只掃描你的代碼（這是太多的經歷）......但是這可能幫助你：

<!DOCTYPE html> 
<!--[if lt IE 7 ]><html class="ie"><![endif]--> 
<!--[if IE 7 ]><html class="ie7 ie"><![endif]--> 
<!--[if IE 8 ]><html class="ie8 ie"><![endif]--> 
<!--[if (IE 9)|(gt IE 9)|!(IE)]><!--><html><!--<![endif]-->

把它放在你的腦海中，你將有父類輕鬆地定位到IE。如果你看到你的風格之一是在IE中被覆蓋，根本看：

.ie7 .your-overwritten-selector {property: 1 !important}

它可能不會得到你的問題的根源（大多數跨瀏覽器發出可以無任何條件地處理代碼...），但在某些情況下，這是必要的。

來源

2012-08-25 16:05:35

回答

相關問題