У нас есть окно с CSS, которое мы используем на нашем веб-сайте, и когда мы вставляем фреймворк как поле в контейнер div что слайды, он действует очень спорадически в IE8.Изменение поля CSS в div: зависание в IE8 и 9 не работает корректно с фреймворком, например, скачками спорадически
The CSS код, используемый в:
#sliding_box {
position:absolute;
width:425px;
height:500px;
background: url(./images/layout/facebook.png);
top:200px;
left:0px;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin-left: -387px;
}
#sliding_box:hover{
margin-left: 0px;
}
и HTML является:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=2422861308";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="sliding_box">
<div class="fb-like-box" data-href="http://www.facebook.com/scopestop" data-
width="387" data-height="500" data-show-faces="true" data-border-color="gray" data-
stream="true" data-header="true"></div>
</div>
Кажется, что когда-то, как нагрузки коробки, он не учитывает парит над как поле, чтобы быть парящей над контейнером div. Перед тем, как ящик загрузится, и он отображает только пробел, он не срабатывает неправильно.
JSFiddle: http://jsfiddle.net/m4xg8/3/
скрипка теперь работает должным образом.
Я попытался использовать абсолютное позиционирование вместо поля слева, чтобы сделать окно слайдом, но я столкнулся с той же проблемой в Internet explorer (8 и 9).
К сожалению, изменение недопустимых символов на веб-сайте, как было предложено, также не устранило проблему.
Я попросил моего учителя веб-преподавателей и инструктора PHP получить помощь, но у них не было никакой идеи. Кто-нибудь, знакомый с Facebook как ящик и использующий его с перемещением на контейнеры для наведения CSS?
Пожалуйста, всегда после демо на [jsFiddle] (http://jsfiddle.net/), в котором вы воспроизвести проблему. Это поможет вам получить ответы намного быстрее и сделает вопрос более ясным. – Chris
Я пробовал несколько модификаций CSS, и ничего не работает. У кого-нибудь есть предложения? – jonesy827