2012-08-01 57 views
0

我正在使用跨瀏覽器的兼容性,修復了IE7和IE8的一切問題。但是,CMS所調用的背景似乎存在輕微(巨大)的問題。 就目前看來,在IE7 v8.0中沒有問題,但在IE7 v7.0看起來移到了大多數頁面的一面,但在其他頁面沒有。 我想這是因爲我爲某些丟失的位置所做的修復,但是當我在右側搜索丟失的對象時沒有。 而我不知道如何讓這個BG看起來正確。背景問題IE7 v7.0 vs IE7 v8.0 FACEBOOK bug(查看答案)

請幫幫我!即時通訊與這發瘋! 頁碼: 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; } 

我還沒有能夠使它工作。我知道即時通訊使用黑客,它不是最好的選擇,但我被要求只使用一個樣式表的網站,所以IE7-IE8的另一個是不可能的。

如何讓IE7讀取背景位置?是因爲雙重追逐而發瘋嗎?

使用Chrome和FF,我發現元素檢查器沒有爲IE瀏覽器拍攝背景位置類。

TY閱讀:)

+0

請發佈丟失的圖像的相關代碼,只是一個音符 - 在IE 7上有一個水平滾動條 – Huangism 2012-08-01 18:32:14

+0

你的意思是,我固定的壞位置?我以爲那是造成x-scrollbar的原因。但是選擇一切顯示沒有任何浮動。我認爲它的'背景位置:50%0px!重要;'它被忽略的css類以及它製作水平滾動條的原因。但它使我瘋了爲什麼它在IE7 version8.0而不是在IE7版本7.0上運作 – 2012-08-01 22:21:08

+0

請發佈與您的問題相關的代碼(CSS,html和JS)。人們很難瀏覽你的網站。儘可能簡單,並專注於問題的一部分 – Huangism 2012-08-02 12:35:13

回答

0

我發現了這個問題。 沒有什麼是錯的HTML PHP和我的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> 

的紙條已經被放置在包含喜歡/評論等其他方式,它會瘋掉在IE的股利。 它打開一個大的div,強制頁面被包含,並使水平滾動條被擴展。結果,背景將佔據基礎寬度的寬度,並將其自身定位在該事物的50%0px上。

它隻影響IE版本。其他瀏覽器正常工作。