2012-08-01 101 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版本。其他浏览器正常工作。