Я работаю с кросс-браузерной совместимостью, исправил все, что можно исправить для 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 для чтения :)

0
Teresa Lass 1 Авг 2012 в 21:38
Пожалуйста, опубликуйте относительные коды потерянных изображений, просто примечание - в IE 7 есть горизонтальная полоса прокрутки
 – 
Huangism
1 Авг 2012 в 22:32
Вы имеете в виду, плохие позиции, которые я исправил? Я думал, что это было причиной появления полосы прокрутки по оси x. Но выбор всего не показывает, что там ничего не плавает. Я думаю, что это 'background-position: 50% 0px! Important;' css, что его игнорируют, и почему он делает эту горизонтальную полосу прокрутки. Но это сводит меня с ума, почему он работает в IE7 версии 8.0, а не в IE7 версии 7.0.
 – 
Teresa Lass
2 Авг 2012 в 02:21
Опубликуйте коды, связанные с вашей проблемой (CSS, html и JS). Людям сложно просматривать ваш сайт. Будьте максимально просты и сосредоточьтесь на одной части проблемы.
 – 
Huangism
2 Авг 2012 в 16:35
Извините, я не знал, в чем проблема, поэтому вначале я не добавил код. Я понятия не имел, было ли это какое-то изображение, div или что-то еще. Теперь я думаю, что это фоновая позиция. Отредактировал свой пост кодом :)
 – 
Teresa Lass
2 Авг 2012 в 19:21

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>

Скрипт должен быть помещен в div, который содержит лайки / комментарии и т. Д. В противном случае в IE он сойдет с ума. Он открывает большой div, который заставляет страницу содержаться и расширяет горизонтальную полосу прокрутки. В результате фон примет такую ​​же ширину, как базовая, и разместится на 50% 0 пикселей этой вещи.

Это влияет только на версии IE. Остальные браузеры работают нормально.

0
Teresa Lass 2 Авг 2012 в 21:31