1

My Site Hereには右側のナビゲーションに Twitter の列がありますが、吹き出しの白い背景に「.twtr-tweet」を使用してクラスを変更しました。これは、他のブラウザー、つまり 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 で正しく登録されていません。

誰かが助けてくれることを願って、どうもありがとう！

4

3 に答える 3

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 行目)

于 2012-08-25T15:48:42.780 に答える
1

私はあなたのコードをスキャンしただけです（通過するには多すぎます）...しかし、これはあなたを助けるかもしれません：

<!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を簡単にターゲットにするための親クラスができます。スタイルの 1 つが IE で上書きされていることがわかった場合は、次のようにします。

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

おそらく、問題の根本には到達しないでしょう (ほとんどのクロス ブラウザーの問題は、条件付きコードなしで処理できます...) が、場合によっては必要です。

于 2012-08-25T16:05:35.993 に答える
1

あなたはやってみましたか：

#twtr-widget-1 .twtr-tweet {
    background-color: #FFFFFF !important;
}
于 2012-08-25T19:05:56.643 に答える