хром ня робіць GIF фонавага малюнка

У цяперашні час працуе хром 14, і ён не можа аказаць спінінг GIF графіку на маёй старонцы ўваходу.

Вось тое, што старонка выглядае ў хром:

enter image description here

Вось як гэта выглядае на ўсе астатнія фрэзы:

enter image description here

<�Моцны> Для прайгравання:

http://trunk.test.openmile.com/login/#null

Калі ласка, увядзіце сапраўдны адрас электроннай пошты і пароль і націсніце «Увайсці», затым, калі з'явіцца чорны індыкатар прагрэсу, націсніце STOP, каб браўзэр аленевая скура ёсць шанец, каб даць вам паведамленне пра памылку ўваходу.

Звярніце ўвагу на тое, што фон не адлюстроўваецца ў хром. Цікава, што калі праверыць элемент, і дадайце 1px да фонавым становішчу малюнка, малюнак становіцца бачным.

Пахне <�моцны> хром памылка для мяне, але ёсць абыходны шлях?

edit: Another really strange thing is: if i put an alert at the end of the function that shows this processing div, after the alert, the background-image becomes visible.

4

2 адказы

Я магу прайграць вашу праблему, але калі я ўручную выклікаць ўсплывальнае акно ў кансолі, я бачу кок проста выдатна:

> OM.processing($('div.portlet.login form'));

Дык вось я думаю - ваша круцёлка ня падціснутых, і вы адкрываеце акно, пакуль вы чакаеце для запыту AJAX. Па нейкай прычыне, іншыя браўзэры будуць загружаць малюнак у той час як запыт AJAX знаходзіцца на разглядзе, але Chrome не будзе. Каб праверыць гэта, я паспрабаваў гэта ў кансолі:

> var img = $('');

затым паспрабаваў увайсці нармальна - і я ўбачыў блешню.

Так што я думаю, калі вы папярэдне загрузіць ваш спиннера малюнак, можа быць з кодам вышэй, і ён павінен працаваць належным чынам.

5
дададзена
Калі вы хочаце захаваць яго CSS залежыць вы можаце выкарыстаць гэты вар BG = $ (гэта) .css ( «фонавага малюнка»); BG = bg.replace ( 'URL (', ')', '' ') замест (.'); вар forceChromeToLoadImage = $ ( ''); см stackoverflow.com/questions/8809876/…
дададзена аўтар Adrien Be, крыніца

Я сутыкнуўся з праблемамі пры выкарыстанні адказу nrabinowitz ст.

Так што я ў канчатковым выніку ў тым ліку адпаведнае малюнак дзесьці на старонцы з 0 памерамі.

HTML:

<input class="button" id="myButton" type="submit" name="searchButton" />
...


Javascript:

/*
  Hack for Chrome issue with GIF bg images
    [1] gets the bg url from the CSS
    [2] Extract the path: by removing opening string "url(" and closing character ")" that surround it
    [3] Sets the relevant image tag with our GIF image's path
*/
$('#myButton').click( function() {
    var bg = $(this).css('background-image');  //[1]
    bg = bg.replace('url(','').replace(')','');//[2]
    $('.loaderHackForChrome').att('src', bg);  //[3]
});

source: http://chromespot.com/forum/google-chrome-troubleshooting/4336-background-image-doesnt-load.html

EDIT: this issue may have been fixed now in 2016

0
дададзена