Question

我正在使用跨浏览器兼容性，修复了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; }

我还没能使它发挥作用。我知道我使用黑客，它不是最好的选择，但我被要求只为网站使用一个样式表，所以另一个IE7-IE8是不可能的。

如何让IE7读取背景位置？由于双重约束，它会变得疯狂吗？

使用Chrome和FF，元素检查员我发现IE没有采用任何背景位置条款。

TY阅读：）

Answer 1

我发现了问题。 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>

必须将脚本放在包含like / comments等的div中。否则它会在IE中疯狂。它打开了一个大的div，强制页面被包含并使水平滚动条被扩展。因此，背景将采用基本宽度的宽度，并将其自身定位在该物体的50％0px上。

它只影响IE版本。其他浏览器工作正常。

后台问题IE7 v7.0 vs IE7 v8.0 FACEBOOK bug（见答案）

1 个答案: