Проблема в том, что faveGif
по-прежнему является массивом - он будет выглядеть так:
faveGif = ['jijijoj', 'iojiojoi', 'eawfe', 'ewfewfwe', 'ewfewfew'];
Так что, если вы хотите найти индекс определенного идентификатора (скажем, ewfewfew
)
let index = faveGif.findIndex(id => id == "ewfewfew");
Это будет тот же индекс, что и в faveGifs
, поэтому он даст вам требуемый результат.
Демонстрация:
let faveGifs = [{
id: 'jijijoj',
rating: 'g'
}, {
id: 'iojiojoi',
rating: 'r'
}, {
id: 'eawfe',
rating: 'pg'
}, {
id: 'ewfewfwe',
rating: 'g'
}, {
id: 'ewfewfew',
rating: 'r'
}];
let faveGif = faveGifs.map(faveGif => faveGif.id);
let index = faveGif.findIndex(id => id == "ewfewfew");
console.log(index); //Should return 4
Я бы нашел решение, которое работает для IE6, и использовал бы Условные комментарии для фильтрации других правильные версии для IE7, FF и т. д. Я бы также избегал использования процентов в background-position
для IE6 (ссылка ).
I just ran into this problem myself and I found that using overflow:hidden
on the element with the background image solved a lot of my IE6 problems (though not all).
Измените
background-position:0% 50%;
на
background-position:50% 50%;
и добавьте
background-repeat: no-repeat;
. Это позволит центрировать изображение по горизонтали, а также по вертикали и остановить изображение от плитки.
Как рекомендовано в этот ответ на несколько связанный вопрос , я бы рекомендовал использовать background-position-x
и background-position-y
вместо background-position
для IE (до IE8).
Вы не можете использовать background-position с какими-либо исправлениями * ie6 .png, решение состоит в том, чтобы сделать изображение gif или 8-битным png.
* Ничего из того, что я использовал / пробовал