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

我无法让它工作。我知道我在使用 hack，这不是最好的选择，但我被要求只为该站点使用一个样式表，因此 IE7-IE8 的另一个样式表是不可能的。

如何让 IE7 读取背景位置？是不是因为双考而发疯？

使用 Chrome 和 FF，元素检查器我发现没有任何背景位置分类被用于 IE。

TY 阅读 :)

4

1 回答 1

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>

脚本必须放在包含喜欢/评论等的 div 中。否则它会在 IE 中发疯。它打开了一个大 div，强制页面被包含并扩展水平滚动条。结果，背景将采用与基础宽度相同的宽度，并将其自身定位在该物体的 50% 0px 上。

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

于 2012-08-02T16:47:35.403 回答