Question

My Site Here在右侧导航中有一个Twitter列，但是我已经使用'.twtr-tweet'更改了类的语音气泡的白色bg，这在其他浏览器中工作正常，即Chrome，但不是IE（在IE9中测试）。

如果有人可以使用检查员进行检查，并检查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-tweet在IE中没有正确注册..

非常感谢，希望有人可以提供帮助！

Answer 1

那是因为你有

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

index.html中的

。

似乎在IE上它会覆盖

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

Structure.css中的

（第129行）

Answer 2

我只扫描了你的代码（这太过分了）......但这可能会对你有所帮助：

<!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}

它可能无法解决问题的根源（大多数跨浏览器问题可以在没有任何条件代码的情况下进行处理......）但在某些情况下这是必要的。

Answer 3

你有没有尝试过：

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

IE取消了CSS类

3 个答案: