0

クロスブラウザー互換性を使用して作業しており、IE7およびIE8で修正可能なすべてを修正しました。しかし、CMSによって呼び出される背景にはわずかな(巨大な)問題があるようです。見たところ、IE7 v8.0では問題はありませんが、IE7 v7.0ではほとんどのページで横に移動しているように見えますが、他のページでは問題がありません。いくつかの失われた位置を修正したためだと思いましたが、右側で失われたオブジェクトを検索したところ、何もありませんでした。そして、私はこのbgを正しく見せる方法がわかりません。

私を助けてください!私はこれに夢中です!ページ: http ://www.tvazteca.com/homes/laislaelreality

問題は背景の位置だと思います。IE7で動作させることはできません。

<body class="fondo-pagina" data-twttr-rendered="true">

<style type="text/css">
    .fondo-pagina {background:url(http://static.tvazteca.com/imagenes/2012/29/1634805.jpg)  no-repeat; background-position: 50% 40px;background-color:#0b4a51; 
    *background-position: 50% 0 !important;
     }
        .bgBottom{background:url() bottom center no-repeat;}
</style>

そこにあるスタイルは、CMSによって自動的に追加されます。私はスタイルシートに同じクラスを持っていますが:

.fondo-pagina{
background: url(../img/fondoislaEtapa1.jpg) top center no-repeat;background-color: #0b4a51;
*overflow-x:hidden;background-position: 50% 0px!important;
*background-position: 50% 0px!important; }

私はそれを機能させることができませんでした。私はハックを使用していることを知っていますが、それは最善の選択肢ではありませんが、サイトに1つのスタイルシートのみを使用するように求められたため、IE7-IE8用の別のスタイルシートは問題外でした。

IE7に背景位置を読み取らせるにはどうすればよいですか?二重の留め金のためにそれは夢中になっていますか?

ChromeとFFを使用して、要素検査官は、IEの背景位置の留め金が使用されていないことを発見しました。

読むためのTY:)

4

1 に答える 1

0

問題を見つけました。Htmlphpと私のCssに問題はありませんでした。問題はFACEBOOKから来ています。

<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id))      {js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>

スクリップは、いいね/コメントなどを含むdivに配置する必要があります。そうしないと、IEでクレイジーになります。大きなdivが開き、ページが強制的に含まれ、水平スクロールバーが拡張されます。その結果、背景はベースの幅と同じ幅になり、その50%0pxに配置されます。

IEのバージョンにのみ影響します。他のブラウザは正常に動作します。

于 2012-08-02T16:47:35.403 に答える