Chrome gif fon tasvirini ko'rsatmaydi

Hozirgi vaqtda krom 14 ni ishga tushirgan va mening kirish sahifamda gif grafikasini aylantira olmaydi.

Sahifaning xromdagi ko'rinishi quyidagicha:

enter image description here

Boshqa barcha brauzerlarda shunday ko'rinadi:

enter image description here

Qayta ishlab chiqarish uchun:

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

To'g'ri elektron pochta va parolni kiriting va "login" tugmasini bosing, keyin qora harakat ko'rsatkichi paydo bo'lganda, brauzerda kirish xatosi berish imkoniyati yo'qligi uchun STOP tugmasini bosing.

Orqa fon kromda ko'rsatilmasligiga e'tibor bering. Qizig'i shundaki, agar elementni tekshirsangiz va fon tasvir pozitsiyasiga 1 piksel qo'shsangiz, rasm paydo bo'ladi.

Menga xrom bug kabi koklar keladi, lekin vaqtinchalik echim bormi?

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 javoblar

Muammoingizni ko'paytira olaman, lekin men qo'lda konsolda popupni ishga tushirsam, shpinnerni yaxshi ko'rayapman:

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

Shunday ekan, menimcha, bu sizning shpinneringiz oldindan yuklanmagan va siz AJAX so'rovini kutayotganingizda oynani ochmoqdasiz. AJAX so'rovi kutilayotganda nima bo'lishidan qat'i nazar, boshqa brauzerlar tasvirni yuklaydi, lekin Chrome bo'lmaydi. Buni sinab ko'rish uchun konsolda sinab ko'rdim:

> var img = $('');

keyin odatdagidek kirishga urinib ko'rdim - shpinni ko'rdim.

Shunday ekan, siz yuqorida keltirilgan kod bilan spinner tasviringizni oldindan yuklagan bo'lsangiz va u to'g'ri ishlashi kerak deb o'ylayman.

5
qo'shib qo'ydi
Agar siz CSS-ga qaramlikni saqlamoqchi bo'lsangiz, bu var bg = $ (this) .css ('background-image'); bg = bg.replace ('url (', '') almashtirish (')', ''); var forceChromeToLoadImage = $ (''); qarang: stackoverflow.com/questions/8809876/…
qo'shib qo'ydi muallif Adrien Be, manba

Nrabinovitsning javobidan foydalanganda muammolarga duch keldim.

Shunday qilib, 0 o'lchamli sahifadagi tegishli tasvirni o'z ichiga olgandim.

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
qo'shib qo'ydi
Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb