背景问题 IE7 v7.0 vs IE7 v8.0 FACEBOOK bug（见答案）答案

【问题标题】：Background problems IE7 v7.0 vs IE7 v8.0 FACEBOOK bug (see answer)背景问题 IE7 v7.0 vs IE7 v8.0 FACEBOOK bug（见答案）
【发布时间】：2012-08-03 01:31:58
【问题描述】：

我正在使用跨浏览器兼容性，修复了所有可修复的 IE7 和 IE8。但似乎 CMS 调用的背景存在轻微（巨大）问题。就目前看来，在 IE7 v8.0 中没有问题，但在 IE7 v7.0 中，大多数页面看起来都移到了一边，但在其他页面中却没有。我认为这是因为我对一些丢失的位置进行了修复，但是当我在右侧搜索丢失的对象时，却没有。而且我不知道如何让这个背景看起来正确。

请帮帮我！我要疯了！页： 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; }

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

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

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

TY 阅读 :)

【问题讨论】：

请贴出丢失图片的相关代码，请注意——在IE 7上有一个水平滚动条
你的意思是，我固定的位置不好？我认为这就是导致 x 滚动条的原因。但是选择所有内容显示没有任何东西漂浮在那里。我认为它的“背景位置：50% 0px！重要；”它被忽略的 css 类以及它制作水平滚动条的原因。但这让我发疯，为什么它适用于 IE7 version8.0 而不是 IE7 version7.0
请发布与您的问题相关的代码（CSS、html 和 JS）。人们很难浏览您的网站。尽可能简单并专注于问题的一部分
对不起，我不知道是什么问题，这就是为什么一开始我没有添加代码。我不知道它是否是一些图像、div 或其他任何东西。现在我认为它的背景位置。我用代码编辑了我的帖子:)

标签： css background internet-explorer-7

【解决方案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>

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

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

【讨论】：